我有一个要求,我应该能够捕获所选行[用户可以点击该行的任何地方].我浏览了文档
https://material.angular.io/components/table/overview,但我找不到捕获所选行及其内容的方法.我试图附加一个点击事件
md-table标签,但它没有用.
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); }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。