MixItUp 在更改页面时隐藏元素

Question

我用了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。

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

指令有什么问题？
如何在不同页面切换时显示所有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:'='}
  }
});

那是在重定向到另一个页面后销毁元素。然后当我return到mixitup页面的时候。我将再次重新启动该元素。

MixItUp 在更改页面时隐藏元素

MixItUp hide elements when change the page

jquery

angularjs

angularjs-directive

mixitup