Question

当我刷新页面时，它工作正常。但是当我导航到另一个页面然后回到页面时，它会再次导致幻灯片移动，创建额外的导航等等。它不会重新启动，它只是在我每次导航回页面时都会启动。这是我的指示：

app.directive('slickApply', ['$timeout','$rootScope', function($timeout,  $rootScope){
    return {
        restrict: 'AE',
        link: function(scope, element, attrs) {
            $delayTime = 1000;
            if(!$rootScope.pages){
                $delayTime = 1000;}
            else {
                $delayTime = 0;}
            $timeout(function(){
                $(element).slick(scope.$eval(attrs.slickApply));
            }, $delayTime);        
        }
    };
}]);

这是我的HTML：

<div class="by-the-numbers-stats" slick-apply="{centerMode: true}">
    <div ng-repeat="number_item in by_the_numbers">
        <img ng-if="number_item.image.url" src="{{number_item.image.url}}">
    </div>
</div>

我做错了什么？当我导航到新页面然后在返回该页面时重新启动它时，如何销毁插件？

当我在AngularJS中导航后回到页面时，Slick Slider就会出现

0 个答案: