小编pPe*_*ter的帖子

我想通过单击Angular 2中的按钮来用输入文本框替换标签，反之亦然。我知道我必须使用某种ngIf，但是我对如何做有些困惑。

HTML：

<form>
<div class="information">
  <label *ngIf="editMode">{{textValue}}</label>
  <input *ngIf="editMode" [ngModel]="name">
  <button (click)="editMode=true">Edit</button>
  <button (click)="editMode=false">Save</button>
</div>
</form>

我想使用一个按钮来显示和隐藏HTML中的元素.我知道我必须在typescript中使用布尔值,在HTML中使用*ngIf.

在我的打字稿中,我有一个布尔值:

showHide: false;

在我的HTML中我有:

<button (click) = "showHide=true" </button>

我用它来隐藏元素.我在要隐藏的元素上使用*ngIf ="showHide"来隐藏我的元素.

但是,如何用相同的按钮带回我隐藏的元素？