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无效。

这是我发现的一个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>

Angular Slick slickGoTo不起作用

1 个答案: