2016-09-30 2 views
3

Я пытаюсь реализовать slick slider в моем Ember приложении я нашел эту ember-cli-slick через ember observer и я должен использовать Slider SYNCING option.in JQuery его можно, используя ниже варианта но в ember как передать имя класса?Как использовать опцию «asNavFor» в угольке-кли-скользких

asNavFor: '.slider-nav'

+0

Вы можете определить свойство контроллера с именем 'breakpoints' для таких параметров, как' 'settings': {'asNavFor': '.slider-nav'} 'и включить это в' {{# slick-slider responsive = breakpoints}} '.. – kumkanillam

+0

@kumkanillam, но как я могу назвать класс в {{# slick-slider}} – vivek

ответ

3

Чтобы установить уголек-кли-скользкий, запустите следующую команду

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 функцию работает или нет. но это то, как нам нужно предоставить настройки слайдерному компоненту.