Question

我想通过单击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>

Answer 1

您需要添加到*ngIf之一的唯一内容是感叹号：

<label *ngIf="!editMode">{{textValue}}</label>

表示当editMode为false时显示标签。感叹号是NOT运算符，用作变量的真值检验。更多信息：What does an exclamation mark before a variable mean in JavaScript

Angular 2 - 单击以编辑表单域

1 个答案: