Угловой материал 2 нестандартный компонент с использованием автозаполнения
У меня есть несколько форм, где пользователи должны указать свою страну через автозаполнение.
Я реализовал сервис, выполняющий автозаполнение (бэкэнд контактов, обработка ответов и предложения возврата)
Теперь я хочу создать компонент для повторного использования во всех формах.
Этот компонент будет зависеть от:
- служба, которую я упомянул
-
matInput field -
mat-auto-complete,
Компонент будет реализовывать ControlValueAccessor а также MatFormFieldControl
Родительские компоненты будут использовать это так
<mat-form-field>
<auto-completed-country formControlName="country"></auto-completed-country>
</mat-form-field>
Родительский компонент создает FormControl названный country и указывает его валидаторы (в некоторых формах страна обязательна, а в других нет).
Вопрос
Обычно matInput связан с FormControl и с автозаполнением через [matAutocomplete] директивы.
Однако в моем сценарии это было бы не так, как matInput не связан с FormControl что, я думаю, должно быть в порядке, так как кажется, что можно иметь matInput не привязан ни к какому FormControl,
Однако я беспокоюсь о [matAutocomplete] директива, которую я понял, читая источник, с которым он взаимодействует matInput и его связанный FormControl,
Как мне подойти к этому?
Я делаю вещи более сложными, чем необходимо?