Angular Material 网格，rowHeight适合

Question

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

我的代码:

  <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

Regrettably, Angular has the worst Google material implementation (in comparison to VueJS/Vuetify or React/MaterialUI),..

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

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