帶材料設計的自定義功能擴展面板標題圖標

Question

這是一個材料設計手風琴，爲此我在面板標題中添加了一個圖標。有了這個圖標，我期待着我自己的函數通過點擊事件命名爲'myFun（）'。函數調用，但通過每個點擊擴展面板切換（這是我不指望）我怎麼能做到這一點，而不需要切換擴展面板。

<md-accordion class="example-headers-align"> 
    <md-expansion-panel [expanded]="step === 0" (opened)="setStep(0)" hideToggle="true"> 
    <md-expansion-panel-header> 
     <md-panel-title> 
     Personal data 
     </md-panel-title> 
     <md-panel-description> 
     Type your name and age 
     <md-icon (click)="myFun()">account_circle</md-icon> 
     </md-panel-description> 
    </md-expansion-panel-header> 
    </md-expansion-panel> 
</md-accordion> 

Answer 1

您需要停止事件傳播。請執行以下操作：

<md-icon (click)="myFun(); $event.stopPropagation();">