Блог

Как получить индекс строки в таблице материалов угловой

 lt;td mat-cell *matCellDef="let row"gt;   lt;mat-checkbox (click)="$event.stopPropagation()"   (change)="$event ? selection.toggle(row) : null;isSomeSelected()"   [checked]="selection.isSelected(row)"gt;   lt;/mat-checkboxgt;lt;/tdgt;  

В вашем .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 :

 lt;td mat-cell *matCellDef="let row"gt;   lt;mat-checkbox (click)="$event.stopPropagation()"   (change)="$event ? selection.toggle(row) : null;isSomeSelected()"   [checked]="selection.isSelected(row)"gt;   lt;/mat-checkboxgt;  lt;spangt;{{row.index}}lt;/spangt; lt;/tdgt;  

Вы можете объявить индекс следующим образом, пусть i = индекс:

 lt;td mat-cell *matCellDef="let row;let i = index"gt;   lt;mat-checkbox (click)="$event.stopPropagation()"   (change)="$event ? selection.toggle(row) : null;isSomeSelected()"   [checked]="selection.isSelected(row)"gt;   lt;/mat-checkboxgt;lt;/tdgt;