Angular bootstrap-ui与角度砌体冲突 - 如何解决？

Question

我正在构建一个使用AngularJS Masonry Directive和AngularJS UI Bootstrap的基于angularjs的产品目录。

我遇到了一个问题：我的砌体网格没有对元素的折叠/展开做出反应，这会导致元素重叠。

我制作了这个Plunker来说明我的问题：http://plnkr.co/edit/92qJTMlCOTavc6QgtSLb?p=preview

此plunker是我的代码的直接翻译，因此，它会产生相同的不良结果。

预期结果：

• 在展开时，它下方的元素应向下移动以适应新的元素高度。

实际结果：

• 下面的元素不会对更改做出反应并与展开的元素重叠。