如何捕捉材料设计中选定的表格行md-

Question

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

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

Answer 1

我能够通过MD-行附着的单击事件[selectRow（行），使这项工作代替

<md-table #table [dataSource]="tableDataSource"> 
    <md-header-row *cdkHeaderRowDef="tableColumns"></md-header-row> 
    <md-row *cdkRowDef="let row; columns: tableColumns;" (click)="selectRow(row)"></md-row> 
    <ng-container cdkColumnDef="day"> 

Answer 2

我能得到它正是如此工作：

在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); 
}