Я использую эту библиотеку для поддержки AngularJS библиотеки Slick: https://github.com/devmark/angular-slick-carousel
У меня проблема в бесконечном режиме: при загрузке карусели для в первый раз первый слайд имеет пустой слайд слева от последнего, как и должно быть в бесконечном режиме.
Здесь мой HTML код:
<slick ng-if="homeCtrl.dataPerTeLoaded"
settings="homeCtrl.slickConfiguration">
<div ng-repeat="story in homeCtrl.sceltiPerTe">
<story-card compact-view="true" showcovers="false" story="story"></story-card>
</div>
</slick>
и вот моя гладкая конфигурация:
autoplay: false,
arrows: true,
infinite: true,
centerMode: true,
dots: true,
focusOnChange: true,
initialSlide: 1,
speed: 300,
slidesToShow: 2,
slidesToScroll: 1,
responsive: [{
breakpoint: 1024,
settings: {
centerMode: false,
slidesToShow: 1
}
}, {
breakpoint: 600,
settings: {
centerMode: false,
slidesToShow: 1
}
}, {
breakpoint: 300,
settings: {
centerMode: false,
slidesToShow: 1
}
}]
Если я go перейду на другую страницу, а затем вернусь на страницу, где находится слайдер все в порядке (первый слайд имеет последний слайд слева):
Кто-нибудь может мне помочь?