【问题标题】:Making Masonry.js Responsive in Angular使 Masonry.js 在 Angular 中具有响应性
【发布时间】:2013-08-23 13:40:44
【问题描述】:

我已经从 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>

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

【问题讨论】:

  • .grid-sizer 是否设置了 width
  • 我在 CSS 中设置了它。似乎没有应用该类,或显示在源中的任何位置。
  • 我也有同样的问题,你找到解决办法了吗? Passy 的回购很棒,但反应迟钝……

标签: angularjs angularjs-directive jquery-masonry


【解决方案1】:

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

它被称为“Angular Grid”,它把自己描述为“Pinterest 类似 Angular 的响应式砌体网格系统”。它可以与 bootstrap 或任何其他 CSS 网格系统一起使用。

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-16
    • 2016-02-21
    • 2019-02-16
    • 1970-01-01
    相关资源
    最近更新 更多