如何在角材料表的垫行上添加点击事件

Question

我添加了这个，但是当使用 Chrome DevTools 检查元素时，点击功能不显示！

这是我的代码：

   <mat-table [dataSource]="dataSource1" class="mat-table">
    <!-- Position Column -->
    <ng-container matColumnDef="Objname">
      <mat-header-cell *matHeaderCellDef> ObjName </mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.objname}} </mat-cell>
    </ng-container>
    <!-- Weight Column -->
    <ng-container matColumnDef="Successcount">
      <mat-header-cell *matHeaderCellDef> Successcount   </mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.successcount}} </mat-cell>
    </ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
    <mat-row (click)="getRecord(element.objname)" *matRowDef="let row; columns: displayedColumns;"></mat-row>
  </mat-table>

原文由 Vyas Reddy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我更愿意将 formControl 添加到材料表中

<mat-table matSort
             [formControl]="formControl"
             ...
             >
       ....
</mat-table>

然后在我的 ngOnInit 方法中使用

readonly formControl = new FormControl();

ngOnInit(): void {
    this.formControl.valueChanges.subscribe((request: RequestViewModel) => {
      this.selectedInvestigationId(request.investigation.investigationInfoId, request.speciality);
    });
  }

好处很多：

• 它将与键盘导航一起使用（formControl 将选择与 SPACE/ENTER/单击同等对待）。
• 它可以使用表单验证
• 您可以使用表单标志，例如 ng-dirty

原文由 Mushtaq Jameel 发布，翻译遵循 CC BY-SA 4.0 许可协议