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

Question

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

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

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
  }