gpt4 book ai didi

angular - 如何在 Material Design md-table 中捕获选定的表行

转载 作者:太空狗 更新时间:2023-10-29 16:54:59 27 4
gpt4 key购买 nike

我有一个要求,我应该能够捕获选定的行 [用户可以单击该行的任意位置]。我浏览了文档 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);
}

关于angular - 如何在 Material Design md-table 中捕获选定的表行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46025930/

27 4 0