раскрывающееся значение списка изменений, когда я выбираю другое значение списка в другом раскрывающемся списке с углом 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

Пожалуйста, проверьте этот пример проекта.Это поможет вам,

https://stackblitz.com/edit/angular-heokyk

Логика такова: создайте выпадающий список со списком стран, и после выбора нам нужно найти города по идентификатору страны.Как только вы получите этот список, сделайте второй выпадающий список с этим списком.

Чтобы вернуть обратный вызов в выбранных странах, вы можете использовать (изменить) событие в раскрывающемся списке