最初の列に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

あなたは、各行の最初の項目を見つけるために*ngForからindexを使用してビューを制御するために、いくつかの*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