angular - 带有输入选项的 Mat-select

Question

我在这个 mat-select 的网站上有一个输入，但现在我需要它来选择来自数据库的东西，或者输入。但我只能让他选择，我怎样才能让他也在 mat-select 内输入？

 <mat-select id="name" name="name" required [(ngModel)]="activity.name">
          <mat-option *ngFor="let composition of filteredCompositions" [value]="composition.name">
            {{ composition.name  }}
          </mat-option>
        </mat-select>

标签： angular

Answer 1

在您的情况下，我建议您使用另一个组件，例如mat-autocomplete，它允许您拥有一个选项列表以及一个输入输入。

自动完成是由一组建议选项增强的普通文本输入。

有关更多信息，请访问https://material.angular.io/components/autocomplete/overview

注意：我在评论中给出了这个答案，但我想让它更明显，所以也添加到答案部分。