有CDK數據表或Material2數據表的索引屬性嗎？

我在我的應用程序中使用Angular2 Material Design data table，它很棒。我想知道是否有任何方法獲取索引號或行號？像row.index？我在CDK data table documentation中注意到它提到「該指令還導出與ngFor（index，even，odd，first，last）相同的屬性」，但沒有任何示例如何獲取索引。有CDK數據表或Material2數據表的索引屬性嗎？

任何幫助或指導，非常感謝。謝謝！

來源

2017-08-01 Prita Hasjim

你可以得到行索引像*ngFor以同樣的方式，在<md-row>

<md-row *cdkRowDef="let row; columns: displayedColumns; let i = index; let isOdd = odd; let isEven = even; let isLast = last" 
     [ngClass]="{'highlight': selectedRowIndex == row.id}" 
     (click)="highlight(row, i, isOdd, isEven, isLast)"> 
</md-row>

TS中添加let i = index：

highlight(row, index, oddFlag, evenFlag, lastFlag){ 
    alert("index:" + index + " odd: " + oddFlag + " even: " + evenFlag + " last: " + lastFlag); 
    this.selectedRowIndex = row.id; 
}

Plunker demo

來源

2017-08-01 20:11:56 Nehal

感謝@Nehal，這對於工程例。我試圖通過使用索引爲每個條目創建唯一的ID，因此我還找到了一個類似的解決方案，其中我使用cdkCellDef定義了索引。以下是我的解決方案，其索引是i。

<md-cell *cdkCellDef="let row; let i = index;"> 
    <div id="{{i}}-info"> 
    index: {{i}} 
    info: {{row.info}} 
    </div> 
</md-cell>

來源

2017-08-01 20:22:11

有CDK數據表或Material2數據表的索引屬性嗎？

回答

相關問題