带可折叠标题的角材料表

【问题标题】：Angular material table with collapsible header带可折叠标题的角材料表
【发布时间】：2019-07-30 14:27:54
【问题描述】：

我正在使用带有可折叠标题的角材料表。当前错误描述内容太长。因此我使用“更多”、“更少”按钮功能来防止它。请检查所附图片。

我的问题，当我单击“更多按钮”查看标题文本时，标题已折叠。

请看下图

当我单击更多按钮时，标题不应折叠。有可能吗做？

【问题讨论】：

【解决方案1】：

您尚未发布任何代码，但您需要防止点击后传播。

所以我假设你已经编写了点击方法，在方法末尾使用下面的代码。

public yourMethod($event)
{
    // ... your code
    $event.stopPropagation(); // this will stop event to stopPropagation
}

另一种方法是在模板中使用同一行。

(click)="yourMethod($event); $event.stopPropagation()"

【讨论】：