表单不会隐藏/显示* ngIf

Question

我很简单，希望使用更改可见性变量的按钮来切换表单的可见性：

在模板中：

<button (click)="ChangeVariable()">I'm a button</button>
<form *ngIf="variable">
 <input type="text" [(ngModel)]="personName"/><br>
</form>

在组件中：

variable : bool = false;
ChangeVariable(){
 this.variable = !this.variable;
}

问题是它显示了表单，但后来它没有隐藏它。如初。

Answer 1

错误消息本身说明，如果在表单标记内使用 ngModel ， 名称 属性必须设定，即

<input type="text" [(ngModel)]="personName" name="anything" /><br>

第二，定义如下的值：

variable: boolean = false; or variable = false;

它应该工作!!