angular – 如何捕获Material Design md表中的选定表行

发布时间：2020-12-17 07:18:12 所属栏目：安全来源：网络整理

导读：我有一个要求,我应该能够捕获所选行[用户可以点击该行的任何地方].我浏览了文档 https://material.angular.io/components/table/overview,但我找不到捕获所选行及其内容的方法.我试图附加一个点击事件 md-table标签,但它没有用. md-table #table [dataSource

我有一个要求,我应该能够捕获所选行[用户可以点击该行的任何地方].我浏览了文档 https://material.angular.io/components/table/overview,但我找不到捕获所选行及其内容的方法.我试图附加一个点击事件
md-table标签,但它没有用.

<md-table #table [dataSource]="tableDataSource" (click)="selectRow(row)">

我能够让它如此运作：

在component.html中

<md-table [dataSource]="dataSource">
    <ng-container mdColumnDef="a">
      <md-header-cell *mdHeaderCellDef> a </md-header-cell>
      <md-cell *mdCellDef="let element"><a routerLink="{{element.number}}"> {{element.a}} </a></md-cell>
    </ng-container>

    <ng-container mdColumnDef="b">
      <md-header-cell *mdHeaderCellDef> b </md-header-cell>
      <md-cell *mdCellDef="let element"> {{element.b}} </md-cell>
    </ng-container>

    <md-header-row *mdHeaderRowDef="['a','b']"></md-header-row>
    <md-row *mdRowDef="let row; columns: ['a','b']" (click)="selectRow(row)"></md-row>
  </md-table>

并在component.ts

selectRow(row) {
   console.log(row);
 }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!