如何根据变量的值使用ngIf？

Question

我在file.html中的代码是

<button ion-button item-right>
        <ion-icon name="md-add-circle" (click)="save();"></ion-icon>
      </button>

file.ts

editmode = false;

我想实现的是，如果editmode为假，则调用save()函数，如果editmode为true，则单击html页面上的按钮时，调用editedu(elem,index)函数。

Answer 1

Juse使用

<button ion-button item-right>
 <div *ngIf="editmode">     
<ion-icon name="md-add-circle" (click)="editedu(elem,index);"></ion-icon>
</div>
 <div *ngIf="!editmode">     
<ion-icon name="md-add-circle" (click)="save();"></ion-icon>
</div>
</button>

如果要单行执行，

<div   *ngIf=editmode ? save() : editedu(elem, index)">
   <ion-icon name="md-add-circle" (click)="save();"></ion-icon>
</div>

Answer 2

如果（或可以根据editmode调用另一个方法，则可以调用一个方法，则可以使用三元）] >>

(click)="editmode ? save() : editedu(elem, index)"

Answer 3

请参阅插件演示https://plnkr.co/edit/X5e6avkveGeVRqhzLVFr?p=preview