如何在ember-cli-slick中使用“asNavFor”选项

时间:2016-09-30 13:18:29

标签: javascript ember.js slider ember-cli ember-addon

我正在尝试在我的ember应用程序中实现slick slider我通过ember-cli-slick找到了这个ember observer,我必须使用Slider Syncing选项。在jquery中可以使用下面的选项。但是在ember中如何引用类名?

asNavFor: '.slider-nav'

1 个答案:

答案 0 :(得分:3)

要安装ember-cli-slick,请运行以下命令

ember install ember-cli-slick

您可以通过以下参数为光滑滑块提供所有设置。

{{#slick-slider slidesToShow=1 slidesToScroll=1 arrows=false fade=true asNavFor="slider-nav" class="slider-for"}}
  <div class="box"> <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div>
  <div class="box"> <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div>
  <div class="box"> <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div>
  <div class="box"> <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div>
{{/slick-slider}}

我还没有测试asNavFor功能是否有效。但这就是我们如何为光滑的滑块组件提供设置。