У меня есть вложенная группа форм, как показано ниже
studentForm = this.formBuilder.group({
Score: ['', Validators.compose([Validators.required, Validators.max(100), Validators.min(0)])],
license: this.formBuilder.group({
chineseName: ['', Validators.compose([Validators.required, Validators.maxLength(100)])],
englishName: ['', Validators.compose([Validators.required, Validators.maxLength(100)])],
});
});
StudentForm содержит оценку и лицензию, один студент имеет одну лицензию
Я сделал привязку группы форм лицензии к угловому материалу, как показано ниже
<form [formGroup]="studentForm ">
<mat-form-field>
<mat-label>license</mat-label>
<mat-select formControlName="license">
<mat-option *ngFor="let option of licenses" [value]="option">
{{option.chineseName}},{{option.englishName}}
</mat-option>
</mat-select>
</mat-form-field>
</form>
но я получу эту ошибку
StudentComponent.html:9 ERROR TypeError: control.registerOnChange is not a function
at setUpModelChangePipeline (forms.js:2701)
at setUpControl (forms.js:2580)
at FormGroupDirective.addControl (forms.js:6318)
at FormControlName._setUpControl (forms.js:6969)
at FormControlName.ngOnChanges (forms.js:6892)
at checkAndUpdateDirectiveInline (core.js:24499)
at checkAndUpdateNodeInline (core.js:35163)
at checkAndUpdateNode (core.js:35102)
at debugCheckAndUpdateNode (core.js:36124)
at debugCheckDirectivesFn (core.js:36067)
возможно ли привязать группу к раскрывающемуся списку?
спасибо всем