Angular 2中基于条件的点击事件

Question

在我的应用程序中,我希望有基于条件的点击事件,

<div class="trashIconDiv" (click)="if(idx > 0) {removeSelected(item.spId)}">

在上面的代码中,只有当idx> 0时才应执行removeSelected函数,任何想法如何实现

Answer 1

(click)="idx > 0 && removeSelected(item.spId)"

@tatsu 它使用的是三元操作数，对于这个例子，你可以这样做：`(click)="idx > 0 ? removeSelected(item.spId) : somethingElse($event)` (3认同)
这太简单了！与 ```[ngClass]="{'icon-disabled': !isIconButtonActivated}"``` 结合使用 (2认同)
警告的话这将阻止元素内子元素的单击事件。 (2认同)

Answer 2

只需使用三元:

<div class="trashIconDiv" (click)="idx > 0 ? removeSelected(item.spId) : false">

这只会removeSelected在条件为真时调用函数,如果它为假则它将不会执行任何操作.