Angular-光滑的外部箭头

Angular-slick external arrows

如何使用 Angular Slick 创建外部箭头?文档并没有真正给出线索。

我已经知道如何使用 jQuery 来做到这一点,但这并不完全相同,因为 slick 在 angular:

中使用了一个实际标签
<p class="left">left</p>

$('.left').click(function(){
  $('.slider').slickPrev();
})

http://codepen.io/anon/pen/KwMZao

致谢:https://github.com/vasyabigi/angular-slick/issues/55

解决方案实际上非常简单,将属性与元素匹配:

<slick prev-arrow=".slick-prev" next-arrow=".slick-next">

然后是箭头:

<button type="button" class="slick-prev"></button>
<button type="button" class="slick-next"></button>