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

Question

我正在尝试实现 slick slider in my ember application i found this ember-cli-slick via ember observer 并且我必须使用滑块同步 option.in jquery 它可能通过在 ember 中使用下面的 option.but 如何实现引用 class 名称？

asNavFor: '.slider-nav'

Answer 1

要安装 ember-cli-slick，运行下面的命令

ember install ember-cli-slick

您可以通过如下参数为 slick-slider 提供所有设置。

{{#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 功能是否有效。但这就是我们需要为光滑的滑块组件提供设置的方式。

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

How to use "asNavFor" option in ember-cli-slick

javascript

ember.js

slider

ember-cli

ember-addon