使用Angular JS排序和过滤保留砌体效果

请看看带有Jquery砌体布局的Angular JS的小提琴。 我也想使用角度排序和搜索。 过渡不是很平滑，而且砌体布局似乎也没有完全发挥作用。

是否有关于如何实现砌体类型影响的建议，并包括角度与排序/过滤等.http：//jsfiddle.net/rdikshit/AMbF5/embedded/result/

 
  Order by id Order by name Order by age 
 
 {{item.name}} <br /id: {{item.id}} 
 Age: {{item.age}} 
 Style: {{item.style}} 
 
  

退房

如果有任何自定义指令等可以帮助我轻松实现这一目标，请建议。 我尝试了Passy的指令但是当我添加排序和过滤时，砌体布局就会中断。

Answer 1

我遇到了同样的问题。 我能够通过在排序变量上设置监视然后让砌体重新加载项目并在排序值更改时重新触发布局方法（稍微延迟）来解决它。

 $scope.$watch('order', function (newVal, oldVal) { if (newVal != oldVal) { $timeout(function () { $element.masonry('reloadItems'); $element.masonry('layout'); }, 300); } }, true); $scope.$watch('reverse', function (newVal, oldVal) { if (newVal != oldVal) { $timeout(function () { $element.masonry('reloadItems'); $element.masonry('layout'); }, 300); } }, true);