Образец каскадного углового материала (с реактивными формами)

Question

Какая-нибудь хорошая демонстрация / пример, показывающий, как каскадировать несколько угловых матовых элементов управления автозаполнением?Все ссылки, которые я видел, показывают только одно автономное автозаполнение.Мне нужно связать два элемента управления (возможно, три), используя реактивные формы.

Хороший подобный образец может быть похож на автозаполнение для стран, штатов / провинций и затем городов (в зависимости от того, может ли выбор дочерних элементов управления отображаться или не появляться в зависимости отесли есть информация).

Данные предварительно загружены в память (не огромные), поэтому нет необходимости искать сервер асинхронно.

Answer 1

Каждый mat-autocomplete применяется к обычным FormControl;например, независимый FormControl или включенный в FormGroup.

;предположим, что у нас есть Страна и Города ;каждый из них mat-autocomplete, но вы не можете выбрать город , пока не выберете страна ;верно?

Надеюсь, вы это имели в виду.

Итак;для этого:

• Сделать Country formControl обычным автозаполнением без дополнительных настроек.

• Сделать City formControl отключенным, пока пользователь не выберетстрана.

• Добавьте optionSelected для countryAutocomplete, чтобы включить и отфильтровать города.

Я сделал простой пример, чтобы объяснить этот пример.

https://stackblitz.com/edit/multiple-autocomplete

, если у вас есть 3 или 4;сделать их как город.