在角度为5的其他下拉列表中选择其他列表值时，下拉列表更改列表值

Question

我想对有关下拉列表的角度5中的组件进行测试。 当我在列表下拉列表（dropdown1）中选择其他值时，其他下拉列表（dropdown2）中的列表也会更改。 举个例子： 我有两个对象：

Country = [{id:1, name:'USA'}, {id:2, name:'France'}];
City = [{id:1, name:'Chicago', countryId:1}, {id:2, name:'New York', countryId:1}, {id:3, name:'Texas', countryId:1}, {id:4, name:'Paris', countryId:2}, {id:5, name:'Toulouse', countryId:2}];

在视图中，当我在下拉列表中选择“美国国家/地区”时，另一个下拉列表显示“美国城市”列表。法国也一样。

请帮助我，非常感谢

Answer 1

请检查此示例项目。

{{3}}

逻辑是，创建一个包含国家列表的下拉列表，选择后，我们需要按国家ID查找城市。获得该列表后，使用该列表呈现第二个下拉列表。

要恢复选择国家/地区的回调，您可以在下拉菜单中使用（更改）事件