我想在我的Angular应用程序中选择mat表的一个项目(行)。因此我使用的是Angular Material。我想我不知道添加(点击)-event 的正确位置,还是我必须以其他方式进行操作?谢谢你的帮助!
<div class="table-container mat-elevation-z8">
<mat-table #table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="item_id">
<mat-header-cell *matHeaderCellDef mat-sort-header> ID </mat-header-cell>
<mat-cell *matCellDef="let item"> {{item.id}} </mat-cell>
</ng-container>
<ng-container matColumnDef="item_name">
<mat-header-cell *matHeaderCellDef mat-sort-header> Name </mat-header-cell>
<mat-cell *matCellDef="let item" (click)="onSelect(item)"> {{item.name}} </mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>
</div>
这个例子正在运作。
答案 0 :(得分:3)
试试这个
<ng-container matColumnDef="position">
<mat-header-cell *matHeaderCellDef> No. </mat-header-cell>
<mat-cell *matCellDef="let element" (click) = "click('aaa')" > {{element.position}} </mat-cell>
</ng-container>
点击表格的第一列