有角度的材质网格，rowHeight适合

Question

我目前正在处理不同的内容，使用不同的材料网格，我希望我的瓷砖自动高度，但使用标签，但我不是我想要的结果，所以我必须使用标签。

我的代码：

  <mat-grid-list class="quot-service-grid" cols="9" [rowHeight]="fit">
    <mat-grid-tile [colspan]="6" class="quot-service-element">

      <div class="quot-service-inf">
        <h2 class="quot-service-name lw-grey">{{service.name}}</h2>
        <p class="lw-grey">{{service.description}}</p>
      </div>

    </mat-grid-tile>
    <mat-grid-tile class="left quot-service-comment" [colspan]="3">
    </mat-grid-tile>
  </mat-grid-list>

谢谢

Answer 1

正如你在这里看到的：https : //github.com/angular/material2/issues/10395

遗憾的是，Angular 的谷歌材料实现最差（与 VueJS/Vuetify 或 React/MaterialUI 相比），..

在您的情况下，Angular Flex Layout 将是更好的解决方案：https : //github.com/angular/flex-layout

一些演示在这里在线；https://tburleson-layouts-demos.firebaseapp.com/#/docs