单击标题中的mat-checkbox时,防止mat-expansion面板切换

时间:2018-04-13 23:52:14

标签: javascript html angular angular-material

点击标题内的复选框时,我们是否可以阻止展开面板切换?以某种方式停止事件传播。现在使用下面的示例代码,当单击复选框时,面板也会切换(打开\关闭)。所需的状态是扩展面板切换,当标题的任何区域被点击时,标题内的复选框除外。

<mat-expansion-panel-header>
  <mat-panel-title>
    Panel Title
  </mat-panel-title>
  <mat-panel-description>
     <mat-checkbox>Edit</mat-checkbox>
  </mat-panel-description>
</mat-expansion-panel-header>

1 个答案:

答案 0 :(得分:13)

单击mat-checkbox时,可以调用stopPropagation $ event方法:

image/*