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

Question

我有一个表单在屏幕上显示产品的详细信息，单击编辑按钮我想要隐藏所有细节并显示可编辑的组件。我使用了角度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;
 }