Форма не скрывает/не показывает с помощью *ngIf

Я просто хочу переключить видимость формы с помощью кнопки, которая изменяет переменную видимости:

В шаблоне:

<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;
}

Проблема в том, что он показывает форму, но потом не скрывает ее. Всегда.


person user33276346    schedule 14.05.2017    source источник


Ответы (1)


Само сообщение об ошибке объясняет, что если ngModel используется в теге form, должен быть установлен атрибут name, то есть

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

И, во-вторых, определите значение, как показано ниже:

variable: boolean = false; or variable = false;

Он должен работать!!

person Lambo14    schedule 14.05.2017