在 mat-grid-list 中设置可调行高

Question

我正在使用mat-grid-list这样的方式定义 3 列 。

HTML

<mat-grid-list [cols]="breakpoint" rowHeight="200px" 
       (window:resize)="onResize($event)">
       <mat-grid-tile>1</mat-grid-tile>
       <mat-grid-tile>2</mat-grid-tile>
       <mat-grid-tile>3</mat-grid-tile>
</mat-grid-list>

在这里，我将行高设置为 200px（rowHeight="200px"），现在每行的高度与下图所示相同。

但我需要根据其中存在的内容设置行的高度。如下图所示。

我怎样才能做到这一点？这是stackblitz链接。

Answer 1

我遇到了同样的问题，似乎有角度的材质网格不支持这一点，这真的很奇怪，所以我改用了 css grid。他们真的不提供这个功能，虽然它可能被 css hack，但是在这种情况下使用材料网格没有意义。