angularjs - 使 Masonry.js 在 Angular 中具有响应性

Question

我已经从 Github 实现了 Passy 的指令，让 Masonry 与 AngularJS 一起工作，效果很好。

这绝对没问题，直到尝试解析 Passy 描述的方法以增加对网格的响应性。

<masonry options="{ transitionTransition: '0.4s' }">
</masonry>

我想在这里添加的是这样的：

<masonry options="{ 'gutter': 10, 'columnWidth': '.grid-sizer' }">
</masonry>

但这无济于事......有没有人有同样的问题，或者可以指出一些例子/文档的方向？

score 0 · Accepted Answer

我不认为有一种简单的方法可以让 Angular Mansory 响应，但我遇到了同样的问题，我找到了一个响应式的替代方案。

它被称为“Angular Grid”，并将自己描述为“Pinterest 类似 Angular 的响应式砌体网格系统”。它与引导程序或任何其他 CSS 网格系统一起工作。

这是他们的 github 存储库的链接：https ://github.com/s-yadav/angulargrid 。

以及他们的演示/文档页面：http: //ignitersworld.com/lab/angulargrid/

1 回答 1