更改页面时MixItUp隐藏元素

Question

我用的是混和。我开发了混合指令，如下所示：

app.directive('mixitup',function(){
  var linker = function(scope,element,attrs) {
    scope.$watch('entities', function(){
        element.mixItUp();
    });
  };   
  return {
    restrict:'A',
    link: linker,
    scope:{entities:'='}
  }
});

我的代码类似于这个演示。

我的问题是，我有许多标签，当我点击其中一个，它会重定向到另一个页面。当我返回到mixitup页面时，所有DOM元素都是隐藏的。

1. 指令有什么问题吗？
2. 当我在不同页面之间切换时，如何使所有DOM元素显示？

Answer 1

我得到了错误，在指令中漏掉了$destroy回调函数。

因此，指令必须如下：

app.directive('mixitup',function(){
  var linker = function(scope,element,attrs) {
    scope.$watch('entities', function(){
        element.mixItUp();
    });

    element.on('$destroy', function() {
        element.mixItUp('destroy');
    });
  };   
  return {
    restrict:'A',
    link: linker,
    scope:{entities:'='}
  }
});

即在重定向到另一个页面后销毁元素。然后当我返回到mixitup页面时。我会重新启动元素。