Angular: Невозможно связать с ngModelOptions, поскольку оно не является известным свойством input

Question

У меня проблема с проверкой.Я хочу добавить проверку для ввода электронной почты, но я получаю сообщение об ошибке «Невозможно выполнить привязку к« ngModelOptions », поскольку оно не является известным свойством« ввода »».

add-component.html

<form name="form" [formGroup]="form" (ngSubmit)="form.valid" class="form">
<mat-form-field>
    <input matInput
           placeholder="Adres e-mail"
           formControlName="email"
           [(ngModel)]="employee.email"
           [ngModelOptions]="{standalone: true}"
           [ngClass]="{'is-invalid':form.get('email').touched && form.get('email').invalid}"
           type="email"
           required>
           <div *ngIf="form.get('email').touched && form.get('email').invalid"  class="invalid-feedback">
              <div *ngIf="form.get('email').errors.required">Email Name is required</div>
              <div *ngIf="form.get('email').errors.email">Email must be a valid email Address</div>
           </div>
  </mat-form-field>

add-component.ts

form = new FormGroup({
    email: new FormControl('', [
      Validators.required,
      Validators.email
    ])
  });

Я включил FormsModule, ReactiveFormsModule в app.module.ts.

Answer 1

Директива ngModelOptions изменилась в Angular с AngularJS .Многие из функций удалены в угловых.Из угловых документов:

Отслеживает параметры конфигурации для этого экземпляра ngModel.

name : альтернатива установке атрибута name в элементе управления формы.См. Пример использования NgModel в качестве автономного элемента управления.

standalone : если задано значение true, ngModel не будет регистрироваться в родительской форме и будет действовать так, как если бы он находился не в форме,По умолчанию установлено значение false.

updateOn : определяет событие, при котором значение элемента управления формы и достоверность обновляются.По умолчанию «изменить».Возможные значения: «изменить» |«размытие» |'submit'.

Угловой способ проверки состоит в использовании FormControl:

emailFormControl = new FormControl('', [
  Validators.required,
  Validators.email,
]);

Вы можете увидеть в этом DEMO

ОтредактированоСпасибо, благодаря комментарию @ ConnorsFan.