如何修复 Angular2 中 md-grid-list 中 md-card 的高度？

Question

我正在使用 "@angular/material": "2.0.0-beta.2" 版本。为了显示图块，我在 md-grid-list 中使用了 md-card。我已将属性 rowHeight 添加到 md-grid-list。即使定义了 rowHeight，行中的卡片高度也不相同。我需要将什么属性与 md-card 一起使用才能使该行中的所有卡片具有相同的高度？

<md-grid-list cols="4"  rowHeight="250px" gutterSize="20px">
  <md-grid-tile  *ngFor="let data of myData">
      <md-card [style.background]="'lightblue'">    
    <md-card-title></md-card-title>
    <md-card-title></md-card-title>
    <md-card-content>
    <h2>    
    </h2>
    </md-card-content>  
    </md-card>
  </md-grid-tile>
</md-grid-list>

Answer 1

在 md-card 上设置 100% minHeight 属性以仅调整高度并设置 minwidth 也填充 md-grid-tile

喜欢：

[style.minHeight]="'100%'" [style.minWidth]="'100%'"

例如参见Plunker。

如何修复 Angular2 中 md-grid-list 中 md-card 的高度？

How to fix the height of the md-card inside md-grid-list in Angular2?

angular-material

angular2-directives

angular-material2

angular