小编ian*_*uza的帖子

动态更改角度材料 mat-grid-list 中的列值

我正在使用 mat-grid-list :https : //material.angular.io/components/grid-list/examples

所以在文档中给出了(你可以参考下面的链接):

添加跨越多行或多列的图块 可以使用 rowspan 和 colspan 属性分别设置每个 mat-grid-tile 的 rowspan 和 colspan。如果未设置,则它们都默认为 1。 colspan 不得超过 mat-grid-list 中的 cols 数。然而,对 rowspan 没有这样的限制,只会为它添加更多的行来填充瓷砖。

但我的问题是我想要这样的结构:

将有三行,第一行 3 列,第二行 4 列和第三行 2 列。就像一个拼贴画框。每行的列数将动态发送。

有没有解决方案或替代方法来实现这一目标?参考此图片:https : //i.stack.imgur.com/AhsrY.png

grid flexbox typescript angular-material angular

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

angular-material ×1

flexbox ×1

grid ×1

typescript ×1