2016-09-30 82 views
3

「asNavFor」選項,我想在我的灰燼應用程序中實現slick slider我通過ember observer發現這個ember-cli-slick和我有使用以下選項,使用滑塊同步處理option.in的jQuery的可能。但在燼中如何引用類名?如何使用燼-CLI-光滑

asNavFor: '.slider-nav'

+0

你可以定義一個名爲'breakpoints'用於設置這樣的東西' '設置' 控制器屬性:{ 'asNavFor': '.slider-NAV'}'和包括在'{{#油滑滑塊響應=斷點}} '.. – kumkanillam

+0

@kumkanillam但是我如何才能在{{#slick-slider}}中引用該類 – vivek

回答

3

要安裝燼-CLI-光滑,運行下面的命令

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功能工作或沒有。但這就是我們需要爲滑動滑塊組件提供設置的方式。