MixItUp 更改页面时隐藏元素答案

【问题标题】：MixItUp hide elements when change the pageMixItUp 更改页面时隐藏元素
【发布时间】：2015-10-12 12:08:59
【问题描述】：

我使用了mixitup。我开发了 mixitup 指令如下：

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

我的代码类似于demo。

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

指令有什么问题？
如何在不同页面之间切换时显示所有 DOM 元素？

【问题讨论】：

创建复制问题的演示。一个有效的演示对我们没有多大帮助

标签： jquery angularjs angularjs-directive mixitup

【解决方案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 页面时。我将再次重新启动元素。

【讨论】：