如何在 Angular 中创建像 Facebook 帖子这样的照片网格？

Posted 2023-03-05

【中文标题】如何在 Angular 中创建像 Facebook 帖子这样的照片网格？

【英文标题】：How to create a photo grid like Facebook post in Angular?

【发布时间】：2021-11-15 14:58:27

【问题描述】：

我想创建动态图像显示照片网格，如 Facebook 帖子。这是我想要实现的示例。

我想知道实现这种图像网格的任何解决方案。此外，当只有 1 张图片时，它应该像 Facebook 一样显示为完整图片。

是否有任何 Angular npm 包可供我使用？？？

或者

有没有什么简单的解决方案可以与 flex 布局一起使用？？

【参考方案1】：

您可以使用ngx-masonry 来实现此目的。

包链接：https://www.npmjs.com/package/ngx-masonry

演示：https://ngx-masonry-demo.herokuapp.com/

【讨论】：

感谢您的回答。我会检查一下并告诉你。

有没有办法在网格中显示更多的数字，例如 +4