Angular 8 Контроль формы Ng Если

Question

У меня есть требование, когда onclick заполняет значения полей формы.

У меня проблема с двумя полями формы. Эти два поля, имеющие ngIf, отмечают, чтобы скрыть и показать. Hide and show работает нормально.

Но значение formcontrol для полей формы не заполняется, как другие.

<mat-form-field appearance="outline" fxFlex="50" class="pr-12" style="width:30%" *ngIf="frmStockReceive.supplierType ==='Supplier'">
  <mat-label>MFD Date</mat-label>
  <input matInput [matDatepicker]="pickerr1" [(ngModel)]="frmStockReceive.mfdDate" formControlName="mfdDate" required name="txtMfdDate" placeholder="MFD Date">
  <mat-datepicker-toggle matSuffix [for]="pickerr1"></mat-datepicker-toggle>
  <mat-datepicker #pickerr1></mat-datepicker>
  <mat-error>MFD Date is required!</mat-error>
</mat-form-field>

this.myForm = new FormGroup({
  mfdDate: new FormControl(new Date(reciveItem.mfdDate), [Validators.required]),
  supplierType: new FormControl(reciveItem.supplierType, [Validators.required]),
  expiryInMonths: new FormControl(reciveItem.expiryInMonths, [Validators.required]),
});

Answer 1

Если вы используете реактивные формы, вы не должны использовать [(ngModel)], чтобы связать их. Мы не можем увидеть полную картинку с mhat, которой вы поделились, но вы можете попробовать использовать [formControlName] (стиль входной переменной), а также убедиться, что значение элемента управления формы установлено правильно, прежде чем пытаться отобразить шаблон (выполните некоторую отладку / ведение журнала после создания группы форм через myForm.value). Наконец, я хотел бы убедиться, что это поле mat-form-field вложено в html под элементом, где вы определяете свою форму с помощью [formGroup] = "myForm".

Удачи, публикуйте больше информации если вы все еще застряли Happy Coding!