javascript - Angular Slick slickGoTo 不起作用

Question

我正在使用angular-slick-carousel 。问题是 Slick 方法不起作用，例如 slickGoTo() 。

这是我的 Controller ，如文档中所示:

$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 不起作用。

这是我找到的一个 plunker demo，它可能对你有帮助: 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>