Javascript 当我在AngularJS中导航后返回页面时，滑动条将初始化

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

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>

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