javascript - Angular JS Slick Carousel - 似乎不起作用

Question

我花了几个小时尝试用 Slick.js 轮播协调 2 个不同的指令。我目前正在使用https://github.com/vasyabigi/angular-slick

我已经加载了插件的jquery版本以及index.html中的 Angular 部分。我已经连接了所有内容，这样就不会出现 js 错误。

根据更详细的 jquery 文档，我设置了这个:

<slick slides-to-show="1" slides-to-scroll="1">
  <div>foo</div>
  <div>bar</div>
  <div>baz</div>
</slick>

所以，我看到了第一个 div 和导航按钮——它们什么也不做。

我真正需要做的是设置我自己的“下一张”按钮，因此我添加了一个按钮，但无法弄清楚 ng-click 会转到下一张幻灯片。根据 jQuery 文档，它是 slickNext所以我尝试过

<button type="button" ng-click="slickNext">Next</button>

甚至

<button type="button" ng-click="slick-next">Next</button>

什么也没发生。

我在这里缺少什么？

Answer 1

从其source code来看。很确定应该是这样

<slick ... next-arrow=".selector .to .next-button" prev-arrow=".selector .to .prev-button" >
    ...