ngModel не может использоваться для регистрации элементов управления формы с помощью родительской директивы formGroup во время выполнения

Question

Я не знаю, почему я получаю это сообщение об ошибке. Это мой html:

 <form [formGroup]="insert" (ngSubmit)="onSubmit(insert.value)">

            <div class="ui-g-12 ui-md-12 ui-lg-12">
                <div class="ui-g-5 ui-g-offset-1  ui-md-4 ui-md-offset-1 ui-lg-4 ui-lg-offset-1">
                    <span >name</span>
                </div>
                <div class="ui-g-6 ui-md-4 ui-lg-4">
                    <input type="text" pInputText [(ngModel)]="name_student" formControlName="name_student" />
                </div>
            </div>
...
</form>

В y .ts я делаю:

  insert: FormGroup;

 ngOnInit(): void {
    //gestione degli errori dopo il submit
    this.insert= this.fb.group({
      'name_student': new FormControl('', Validators.required)
    });

Я получаю:

ngModel cannot be used to register form controls with a parent formGroup directive.  Try using       formGroup's partner directive "formControlName" instead.  Example:

Кто-нибудь может мне помочь?

Answer 1

попробуйте это

<form [formGroup]="insert" (ngSubmit)="onSubmit(insert.value)">

            <div class="ui-g-12 ui-md-12 ui-lg-12">
                <div class="ui-g-5 ui-g-offset-1  ui-md-4 ui-md-offset-1 ui-lg-4 ui-lg-offset-1">
                    <span >name</span>
                </div>
                <div class="ui-g-6 ui-md-4 ui-lg-4">
                    <input type="text" pInputText [(ngModel)]="name_student" formControlName="name_student" [ngModelOptions]="{standalone: true />
                </div>
            </div>
...
</form>

надо поставить [ngModelOptions]="{standalone: true