Как обрабатывать раскрывающийся список при определенных условиях в angular

Question

Я новичок в angular Я хочу создать форму, которая принимает четыре ввода для автобусного сообщения, это информация о пункте назначения, которая (из местоположения, пункта отправления, до местоположения, пункта отправления) является условием - если вы выберете " Нью-Йорк ", то должны быть показаны все доступные места для Нью-Йорка, и если от выбрано как" Гавай ", отображается все место получения на Гавайях, условие для" до места "и точки высадки одинаково. .

У меня в настоящее время возникают проблемы, связанные с пониманием того, как условие должно применяться в компоненте angular и как изменить любое значение селектора в соответствии с условием.

Answer 1

Вы должны добавить обработчик события onChange в нужный раскрывающийся список. Это должно выглядеть примерно так:

<select (change)="onChangeFunction()">...</select>

Затем в вашем файле .ts вы реализуете logi c за событием onChange. Например, если выбрано место в Нью-Йорке, отфильтруйте массив, содержащий точки получения, и выберите только те, которые каким-то образом связаны с Нью-Йорком (эта часть c указана в вашей модели данных).