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

Question

我正在尝试实现 slick slider在我的 ember 应用程序中，我发现了这个 ember-cli-slick通过ember observer并且我必须使用 Slider Syncing 选项。在 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 功能是否有效。但这就是我们需要为光滑的 slider 组件提供设置的方式。