如何根据角度2中的条件显示一个元素

Question

我有一个表单可以在屏幕上显示产品的详细信息，单击编辑按钮我想隐藏所有详细信息并显示可编辑的组件。我使用了 angular 2 *ngIf 条件，但它不起作用

<p *ngIf="isEditable">Product 1</p>
<input type="textbox" *ngIf="!isEditable" />

edit() {
   isEditable=true;
 }

屏幕已加载标签，但单击编辑按钮时，标签和文本框均会显示。我只想要文本框并在点击时隐藏标签。我怎样才能做到这一点。

Answer 1

你是对的，只有函数内部的东西使用 this.editable

edit() : void {
   this.isEditable=true;
 }