角2：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>

<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>