如何在angular4中显示隐藏按钮

Question

我是角色的新手，所以我点击了一个编辑按钮，我需要显示两个按钮，即保存和取消按钮并隐藏编辑按钮。点击取消时，我只需要显示编辑按钮。我坚持通过角度和ngIF来切换它。

以下是我的按钮代码形式：

Container

早些时候我使用[已禁用]，但现在我需要显示/隐藏。

Answer 1

简单地替换

[disabled]="condition"

通过

*ngIf="condition"

Answer 2

在模板中

<button (click)="enableEdit = true">Edit</button>  
<button *ngIf="enableEdit">Save</button>  
<button *ngIf="enableEdit" (click)="enableEdit=false">Cancel</button>  

在.ts文件中

enableEdit: boolean = false;