Angular2：ngIf模板解析错误

Question

我有一个动态模板，但收到一条错误消息：

Template parse errors: Unexpected closing tag "button". It may happen when the tag has already been closed by another tag.

这是我的模板：

<ion-col>
    <button *ngIf=!editMode" class="warning-gradient" (click)="toggleEdit()"><i class="fa fa-edit"></i>Update</button>
    <button *ngIf="editMode" class="warning-success" (click)="submitForm()"><i class="fa fa-check"></i>Update</button>
</ion-col>

...我应该做些不同的事情吗？

Answer 1

第一个 <button>

上的 *ngIf 属性缺少开头 "

<ion-col>
    <button *ngIf="!editMode" class="warning-gradient" (click)="toggleEdit()"><i class="fa fa-edit"></i>Update</button>
    <button *ngIf="editMode" class="warning-success" (click)="submitForm()"><i class="fa fa-check"></i>Update</button>
</ion-col>

Angular2：ngIf模板解析错误

Angular 2: ngIf template parsing error

angular-ng-if

ionic2

angular2-template