我有一个模型驱动表单,有 2 个选择,“州”和“城市”。模型如下所示:
class State{
stateID : number;
stateName : String,
cities : City[]
}
class City{
cityID : number,
cityName : String
}
我正在从州的选择中填充城市选项列表,因为我在 State[] 'stateList' 中拥有所有可用数据。
<select formControlName="state" (onchange)="getCityNameByState($event.target.value)">
<option *ngFor="let stateName of stateList" [value]= "stateID">
{{stateName}}</option>
select formControlName="city">
<option *ngFor="let cityName of cityList" [value]= "cityID">
{{cityName}}</option>
这里的问题是 cityList 是通过选择一组州和城市选择的州而形成的。但是因为我在这里有一个动态的 FormBuilder,所以可以有多组 State & City 选择。每次选择 State 时,都会更改 cityList,而不是填充 FormGroup 中对应的 State。我正在考虑为每个州单独选择动态生成一个单独的城市列表,但不确定这是否是合适的解决方案。有人可以在这里帮忙吗。