Question

我在Angular App中有一个简单光滑的旋转木马，使用棱角分明。每当我第一次加载应用程序时（包含光滑轮播的视图），轮播正确显示。但是，在切换到另一个视图并返回到轮播光滑视图后，我收到以下错误：

TypeError: u.slick is not a function

Carousel看起来像这样：

<div class="col-sm-6 col-sm-offset-3 mainContent">
    <div style="height: 50px; margin-bottom:70px;">
        <slick class="slider multiple-items slick-slider" slides-to-scroll="1" slides-to-show="3" infinite="true" speed="3000" autoplay="true" init-onload="true">
            <div ng-class="slick-slide" style="width: 187px;"><h3 class="text-center">1</h3></div>
            <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">2</h3></div>
            <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">3</h3></div>
            <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">4</h3></div>
            <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">5</h3></div>
            <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">6</h3></div>
        </slick>
    </div>
</div>

有没有理由为什么（我猜）jQuery插件在更改视图后会“丢失”？

由于

Answer 1

对于任何面临同样问题的人，我最终使用了一个不同的角度指令，即由DevMarc（https://github.com/devmark/angular-slick-carousel）创建的指令，它解决了问题＆＃34;自动神奇地＆＃34;。 / p>

Angular App和jQuery Slick问题

1 个答案: