Material ui扩展面板无法单击其中的自定义按钮

Question

在<mat-expansion-panel> 的描述中，我有3 个用作按钮的图标。图标有显示但不能点击，基本都在扩展面板下面。 z-index 方法不起作用。我找到的一个解决方案是给图标按钮这个属性pointer-events: visiblefill !important;。虽然可以使用此属性单击图标，但每次单击其中一个时，它也会展开面板。

附：我也有这些全局属性，仅通过使用箭头按钮来限制扩展：

span.mat-expansion-indicator {
  pointer-events: visiblefill !important;
}

mat-expansion-panel-header {
  pointer-events: none;
}

Answer 1

看来这可以解决问题：

function(event: any) {
    event.stopPropagation();
    // Do what you want
  }