Я хотел бы использовать автозаполнение одного и того же материала в нескольких частях моего проекта.Повторять код становится раздражающе, и его невозможно обслуживать.В основном используйте этот компонент материала, используя реактивные формы, но мой проект использует шаблонный подход к формам.Входные данные используют ссылку на шаблон для связи с автозаполнением, но я не знаю, как это можно узнать из дочернего компонента вместо того, чтобы находиться в том же шаблоне.
<input [(ngModel)]="text" [matAutocomplete]="auto" (ngModelChange)="filterProducts(text)" />
<mat-autocomplete #auto="matAutocomplete">
<mat-option id="product_box" *ngFor="let product of searchResult['products']" (onSelectionChange)="searchProduct(product)" [value]="product.name">
{{ product.name }}
</mat-option>
</mat-autocomplete>