带材料设计的自定义功能扩展面板标题图标

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();">