angular - 如何对点击事件应用条件

Question

一键事件有两个功能。我正在尝试对其应用条件：

• 当按钮被禁用时，$event.stopPropagation()应该调用。
• 当按钮启用时，editVersionDetails()应该调用。

下面是我的代码：

<button mat-icon-button class="editApp" [disabled]="app.d"
  (click)="$event.stopPropagation(); editVersionDetails()">
    <mat-icon  aria-label="Example edit icon">edit</mat-icon>
</button>

标签： angularangular-material

Answer 1

很简单，你可以这样做..

<button mat-icon-button class="editApp" [disabled]="app.d"
  (click)="app.d ? $event.stopPropagation() : editVersionDetails()">
    <mat-icon  aria-label="Example edit icon">edit</mat-icon>
</button>