如何獲取材料表角度中的行索引
<td mat-cell *matCellDef="let row">
<mat-checkbox (click)="$event.stopPropagation()"
(change)="$event ? selection.toggle(row) : null;isSomeSelected()"
[checked]="selection.isSelected(row)">
</mat-checkbox></td>
uj5u.com熱心網友回復：
在您.ts定義index為RowModel.
然后你可以row.index在模板和控制器中訪問它。
.ts：
const ELEMENT_DATA: PeriodicElement[] = [
{position: 1, name: 'item1', index: 0},
{position: 2, name: 'item2', index: 1},
{position: 3, name: 'item3', index: 2},
];
.html：
<td mat-cell *matCellDef="let row">
<mat-checkbox (click)="$event.stopPropagation()"
(change)="$event ? selection.toggle(row) : null;isSomeSelected()"
[checked]="selection.isSelected(row)">
</mat-checkbox>
<span>{{row.index}}</span>
</td>
uj5u.com熱心網友回復：
您可以像這樣宣告索引let i = index：
<td mat-cell *matCellDef="let row;let i = index">
<mat-checkbox (click)="$event.stopPropagation()"
(change)="$event ? selection.toggle(row) : null;isSomeSelected()"
[checked]="selection.isSelected(row)">
</mat-checkbox></td>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/379936.html
標籤：javascript 有角的 复选框 材料表
上一篇：通過用戶界面創建一個小時的物件