ngModelИзменение форм угловых 6

Question

После обновления угловой 5 до 6

Я пытался обновить свою форму:

anguar 5 У меня было:

 <select [ngModel]="toto" (ngModelChange)="onChange($event)" 

          <option *ngFor="let toto of totos" [ngValue]="toto.id">{{toto.libelle}}</option>

</select>

угловой 6 Я обновил:

 <select #oldValue="ngModel" [(ngModel)]="toto" (ngModelChange)="onChange(oldValue)" 

          <option *ngFor="let toto of totos" [ngValue]="toto.id">{{toto.libelle}}</option>
</select>

Я получил эту ошибку:

compiler.js:215 Uncaught Error: Template parse errors:
There is no directive with "exportAs" set to "ngModel" (" 

Я получил FormsModule в моем app.component.ts

Что я забыл?спасибо

Answer 1

Есть ли в вашем компоненте имя переменной "toto", если оно присутствует ... Ok

Единственное, вам нужно правильно закрыть открытый тег выбора.

Когда вашиспользуя [(ngModel)] вам нужно установить имя в элементе forrm

Answer 2

Первое, что вы пропустили, вы не close выберите тег.

Второе, что вам нужно импортировать FormsModule and ReactiveFormsModule в app.module.ts

HTML-файл

<select #oldValue="ngModel" [(ngModel)]="toto" (ngModelChange)="onChange(oldValue)">

          <option *ngFor="let toto of totos" [ngValue]="toto.id">{{toto.libelle}}</option>
</select>

В файле app.module.ts

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

Два вышеупомянутых импорта должны быть в теге ngModule, как показано ниже

@NgModule({
  imports: [
    FormsModule,
    ReactiveFormsModule 
   ]
})

Answer 3

Я думаю, что вы забыли добавить > в выбор.

<select #oldValue="ngModel" [(ngModel)]="toto" (ngModelChange)="onChange(oldValue)">