Question

这是一个材料设计手风琴，我在面板标题中添加了一个图标。有了这个图标，我期待我自己的功能命名为＆＃39; myFun（）＆＃39;通过点击事件。功能正在调用，但是每次点击扩展面板都会切换（这是我没想到的）如何在不切换扩展面板的情况下执行此操作。

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

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

1 个答案: