我在项目中使用Angular 5,并且有一个包含以下形式的反应形式:
this.personaMoralForm = this.fb.group({
Nombre: new FormControl(null, []), // R
FechaNacimiento: new FormControl(null, []),
IdPaisNacimiento: new FormControl(null, []), // R
IdActividadEconomica: new FormControl(null, []),
DescripcionActividad: new FormControl(null, []),
ClaveRFC: new FormControl(null, []),
});
以HTML
<div [formGroup]="personaMoralForm">
...
<mat-input-container>
<mat-select placeholder="Pais de Nacionalidad" formControlName="IdPaisNacimiento" required>
<mat-option *ngFor="let pais of listaPais" [value]="pais.Id">
{{ pais.Descripcion }}
</mat-option>
</mat-select>
</mat-input-container>
...
</div>
问题是,当我与UI上的mat-select交互时,它没有分配值,而是控件从窗体中消失了。