表单不 hide/show 与 *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 在 form 标签中使用，name属性必须设置，即

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

然后，第二件事，定义如下值：

variable: boolean = false; or variable = false;

应该有用！！

Form doesn't hide/show with *ngIf