如何在第一列中显示md-grid-tile？

Question

我有md-grid构建表：

<div *ngFor="let replacement of getReplcaementRows()">
   <md-grid-tile rowspan="5" colspan="1" class="md-grid-body"></md-grid-tile>
</div>

那么，如何仅垂直更改第一列中的单元格的内容？

我的意思是：

**1** 2 3 
**4** 5 6
**6** 7 8

Answer 1

您可以使用index中的*ngFor查找每行中的第一项，并添加一些*ngIf语句来控制视图。

示例（使用您的示例）：

<md-grid-list rowspan="5" colspan="1" cols="3">
   <md-grid-tile  class="md-grid-body" 
                  *ngFor="let replacement of getReplcaementRows(); let i = index">
     <span *ngIf="i%3 == 0">**{{replacement}}**</span>
     <span *ngIf="i%3 != 0">{{replacement}}</span>
   </md-grid-tile>
</md-grid-list>

Plunker demo