带有可折叠表头的角形物料台

时间:2019-07-30 06:19:31

标签: javascript angular angular-material

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

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

请参见下图 enter image description here

当我单击“更多”按钮时,标题不应折叠。有可能 怎么办?

1 个答案:

答案 0 :(得分:0)

您尚未发布任何代码,但是您需要在点击后阻止传播。

所以我假设您已经编写了单击的方法,请在方法末尾使用以下代码。

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

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

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