简体繁体 English

展开 mat-table 行时调用 API

[英]Make API call when mat-table row is expanded

原文 2019-10-21 07:32:43 6 1 angular/ angular-material/ mat-table

I want to make an API call when the user selects a row to show more details of that particular record in the expansion.当用户选择一行以在扩展中显示该特定记录的更多详细信息时，我想进行 API 调用。 I am referring to https://stackblitz.com/angular/ngrkjbrexbj?file=app%2Ftable-expandable-rows-example.ts .我指的是https://stackblitz.com/angular/ngrkjbrexbj?file=app%2Ftable-expandable-rows-example.ts 。 Is there any way I can achieve this?有什么办法可以做到这一点？

1 个解决方案

There is a (click) listener that sets expandedElement to current's row element.有一个(click)侦听器将expandedElement设置为当前的行元素。 Hook into this event.勾搭这个事件。

https://stackblitz.com/edit/angular-35wzca https://stackblitz.com/edit/angular-35wzca

you will see console.log message in the console when row is expanding.当行扩展时，您将在控制台中看到console.log消息。

当数据源更新时，保持展开的 mat-table 不会折叠行（Angular Material） - Keep expanded mat-table from collapsing row when datasource updates (Angular Material)

如何在扩展垫行而不是主表中显示垫表 - How to show mat-table in Expanded Mat-row rather than in Main table

给 mat-table 一个高度并使 mat-row 可滚动 - Give mat-table a height and make mat-row scrollable

垫表中行的 ElementRef - ElementRef of row in mat-table

具有扩展列和嵌套垫表的动态垫表列 - Dynamic Mat Table columns with expanded column and nested mat-table

在 mat-table 中添加新行时出现错误 - Bug when adding a new row in mat-table

<mat-table>删除行时分页与粘性发生冲突 - <mat-table> pagination runs into conflict with sticky when deleting row

当每行由 FormGroup 表示时自定义排序 mat-table - Custom sorting mat-table when each row is represented by FormGroup

复选框的主切换在多个扩展的 Mat-Table 行中不起作用 - Master Toggle for checkbox not working in multiple expanded Mat-Table rows

如何更改mat-table中行的高度 - How to change elvation of a row in mat-table

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 当数据源更新时，保持展开的 mat-table 不会折叠行（Angular Material） - Keep expanded mat-table from collapsing row when datasource updates (Angular Material) 如何在扩展垫行而不是主表中显示垫表 - How to show mat-table in Expanded Mat-row rather than in Main table 给 mat-table 一个高度并使 mat-row 可滚动 - Give mat-table a height and make mat-row scrollable 垫表中行的 ElementRef - ElementRef of row in mat-table 具有扩展列和嵌套垫表的动态垫表列 - Dynamic Mat Table columns with expanded column and nested mat-table 在 mat-table 中添加新行时出现错误 - Bug when adding a new row in mat-table <mat-table>删除行时分页与粘性发生冲突 - <mat-table> pagination runs into conflict with sticky when deleting row 当每行由 FormGroup 表示时自定义排序 mat-table - Custom sorting mat-table when each row is represented by FormGroup 复选框的主切换在多个扩展的 Mat-Table 行中不起作用 - Master Toggle for checkbox not working in multiple expanded Mat-Table rows 如何更改mat-table中行的高度 - How to change elvation of a row in mat-table

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM