Fonctions personnalisées avec le matériau Icône d'en-tête du panneau d'expansion

Question

Voici un accordéon de conception matérielle pour cela J'ajoute une icône dans l'en-tête du panneau. Avec cette icône, j'attends ma propre fonction nommée 'myFun()' par l'événement click. La fonction est invoquée mais à chaque clic, le panneau d'extension est en train de basculer (ce que je n'attends pas). Comment puis-je faire cela sans basculer le panneau d'extension.

<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

Vous devez arrêter la propagation d'événement. Procédez comme suit:

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