Угловой Slick slickGoTo не работает

Question

Я использую angular-slick-carousel. Проблема заключается в том, что методы Slick не работают, например slickGoTo().

Это мой контроллер, как и в документации:

$scope.slickConfig = { 
    method: {} 
}; 

И мое мнение:

<slick infinite=true 
     arrows=true 
     speed=500 
     slides-to-show=4 
     slides-to-scroll=1 
     as-nav-for=".slider-for" 
     class="slider-nav" 
     settings="slickConfig" 
     > 

    <a href="" 
     class="thumb col-xs-2" 
     ng-repeat="photo in photos" 
     ng-click="slickConfig.method.slickGoTo(2)"> // <<<< method doesn't work 

     <img ng-src="{{photo.thumb}}" alt=""> 

    </a> 

</slick> 

Может быть, я использую это неправильно?

Answer 1

У меня была эта ошибка: $ scope.slickConfig.method.slickGoTo не является функцией

Моя ошибка: я ссылки на angular.slick вместо slick.carrousel ... и, конечно же, slickConfig didn' т работы.

Вот plunker демо я нашел, это может помочь вам: http://plnkr.co/edit/hQWpQc4GFQKcV8BPtPLf?p=preview

<div ng-repeat="i in [1,2,3,4,5]"><button ng-click="slickConfig.method.slickGoTo($index)">{{ i }} {{$index}}</button></div 
<slick slides-to-show=1 slides-to-scroll=1 settings="slickConfig"> 
    <div ng-repeat="i in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]"><h3>{{ i }}</h3> 
    </div> 
</slick>