如何阻止<mat-expansion-panel>通过外部按钮单击触发

Question

Mat扩展通过单击页面上的外部按钮来保持切换状态，仅应通过单击其面板上的触发图标（向下/向上箭头）来进行切换。

---

 mat-expansion-panel [expanded]=expandBox *ngIf="BoxEnable">
      <mat-expansion-panel-header>
        <mat-panel-title>
                    <span class="title_text"><b>{{Box_title}}</b></span>
                    <span (click)="addNote($event)" matTooltip="Add Text" class="notes-add-btn">
                        <i class="fa fa-plus" aria-hidden="true"></i>
                    </span>
                </mat-panel-title>
            </mat-expansion-panel-header>
</mat-expansion-panel>

Answer 1

您可以使用(click)="event.stopPropagation()"停止事件冒泡