Angular Flex 布局 Pinterest 布局

Question

我使用angular material mat card 和angular flex 布局来显示一页卡片列表。我想让它像 pinterest 一样在每一行中拥有每张卡片的动态高度。有什么办法可以用flex layout或者其他方法实现吗？

下面我创建了一个我的代码的 stackblitz：stackblitz link

Answer 1

您可以尝试使用此组件https://github.com/wynfred/ngx-masonry 来实现您想要的 Pinterest 布局。它也支持 Angular 9。