反应形式的级联下拉列表

问题描述

我正在尝试以在 angular 11 上运行的反应形式映射级联下拉列表中的数据,这是我的数据结构:

{
"makeCountryDetails": {
"countryData": [
{
"country": {
"country": "FR","name": "France"
},"States": [
{
"state": "GE","name": "Grand Est","cities": [
"Strasbourg"
]
},{
"state": "IF","name": "Ile-de-France","cities": [
"Paris"
]
}
]
},{
"country": {
"country": "DE","name": "Germany"
},"States": [
{
"state": "BW","name": "Baden-Württemberg","cities": [
"Stuttgart"
]
},{
"state": "BV","name": "Bavaria","cities": [
"Munich","Nuremberg "
]
}
]
}
]
},"assemblyCountryDetails": {
"countryData": [
{
"country": {
"country": "US","name": "United States"
},"States": [
{
"state": "NY","name": "New York","cities": [
"Ontario","Albany"
]
},{
"state": "CA","name": "California","cities": [
"San Bernardino"
]
}
]
}
]
}
}

目标是当用户选择一个国家 (change)=onChnageCountry(event.value.target) 事件,该事件的值传递了示例 (DE),我想用相关状态并基于所选状态填充下拉列表(更改)=onChangeState(event.value.target) 示例(BV)我想用相关数据映射城市下拉列表,截图如下

form

如何根据给定的数据结构实现这种映射?

非常感谢!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...