マテリアルデザインでのカスタム機能拡張パネルヘッダアイコン

Question

これは素材デザインのアコーディオンです。パネルヘッダにアイコンを追加しています。このアイコンをクリックすると、myFun（）という名前の関数がclickイベントで呼び出されます。ファンクションが呼び出されていますが、クリックするたびに拡張パネルが切り替わります（これは私が期待していない）拡張パネルを切り替えることなくこれを行うにはどうすればよいですか。

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