mat-icon-button点击上的可扩展mat-table答案

【问题标题】：Expandable mat-table on mat-icon-button clickmat-icon-button点击上的可扩展mat-table
【发布时间】：2020-11-13 06:49:57
【问题描述】：

我在我的 mat-table 中实现了以下功能（展开行详细信息，当您单击行时会打开其详细信息）：

但是，无论我单击该行，它都会打开详细信息 div。我只想在 mat-icon expand_more/expand_less 点击时展开/打开或折叠。

我尝试在按钮单击时调用 onToggleChange，但它不起作用。

如果有人可以帮助我。

现在谢谢。

【问题讨论】：

【解决方案1】：

我编辑了您的示例，我认为我实现了预期的行为。基本上，我使用 ViewChildren 视图查询来获取所有详细信息行指令实例，并在图标单击时调用切换功能。看看：https://stackblitz.com/edit/angular-material2-issue-asu1zv?file=app%2Fcdk-detail-row.directive.ts

【讨论】：