Я несколько дней пытался обернуть угловой компонент автозаполнения в своем собственном компоненте.
Я хотел бы обернуть следующий код (базовый пример):
<mat-form-field class="example-full-width">
<input matInput placeholder="State" aria-label="State" [matAutocomplete]="auto" formControlName="state">
<mat-autocomplete #auto="matAutocomplete">
<mat-option *ngFor="let state of filteredStates | async" [value]="state.name">
<span>{{state.name}}</span> |
<small>Population: {{state.population}}</small>
</mat-option>
</mat-autocomplete>
</mat-form-field>
в такой компонент:
<lib-autocomplete formControlName="state"></lib-autocomplete>
Я в основном борюсь за то, чтобы сделать его совместимым с реактивными формами.
Этот вопрос был опубликован ранее здесь , но на него так и не был дан ответ. Я не могу комментировать вопрос, поэтому я не могу продолжить разговор там.