可重复使用的垫-自动完成角材料

Question

我已经尝试了几天，将角度自动完成组件包装在自己的组件中。

我想做的是包装以下代码（基本示例）：

<div class="triangle red">&nbsp;</div>
<div class="triangle green">&nbsp;</div>
<div class="triangle light-red">&nbsp;</div>

放入这样的组件中：

<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>

我一直在努力使其与反应形式兼容。

此问题已发布在here之前，但从未得到解答。我无法对此问题发表评论，所以我无法在那继续讨论。