使Masonry.js在Angular中响应

时间:2013-08-23 13:40:45

标签: angularjs angularjs-directive jquery-masonry

我已经从Github实施了Passy的指令,让Masonry与AngularJS合作,效果很好。

https://github.com/passy/angular-masonry

这非常好,直到尝试解析Passy描述的方法来添加对网格的响应。

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

我想在这里添加的内容是这样的:

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

但是这没有做任何事情......有没有人有同样的问题,或者可以指向一些示例/文档的方向?

1 个答案:

答案 0 :(得分:0)

我认为没有一种简单的方法可以让Angular Mansory做出响应,但我遇到了同样的问题而且我找到了一个响应式的替代品。

它被称为“角度网格”,它将自己描述为“像角度的响应式砌体网格系统的Pinterest”。它与bootstrap或任何其他CSS网格系统一起使用。

这是他们的github回购链接:https://github.com/s-yadav/angulargrid

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