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

Question

我正在尝试在我的 ember 应用程序中实现光滑的滑块我通过ember 观察者找到了这个ember-cli- slick，我必须使用 Slider Syncing option.in jquery 它可能通过使用下面的选项。但是在 ember 中如何引用类名?

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