有没有办法禁用自动完成输入？- 角材料

Question

我autocomplete在 Angular 材料中有以下内容：

 <!-- Drop Down menu -->
          <mat-form-field>
            <input placeholder="Select one" [matAutocomplete]="auto" matInput>

            <mat-autocomplete #auto="matAutocomplete">
              <mat-option value="Cars">Cars</mat-option>
              <mat-option value="Books">Books</mat-option>
            </mat-autocomplete>
          </mat-form-field>

有没有办法禁用输入，input以便用户不会破坏下拉菜单的目的？现在，用户只需键入内容而不是选择选项，甚至可以在选择时编辑选项。

Answer 1

就在这里

这是禁用自动完成输入的文档

我需要在选择后禁用输入，但我无法使用 mat-select，因为我有 600 多个选项......所以需要自动完成/提前输入。也不能使用垫子芯片，因为一次只能选择一种选择。

示例 = https://stackblitz.com/angular/kopovlnpxapb?file=src%2Fapp%2Fautocomplete-overview-example.ts

文档 = https://material.angular.io/components/autocomplete/examples

Answer 2

如果您不希望用户在输入中输入任何内容，而是只从列表中进行选择，为什么不使用 mat-select？用户还可以使用键盘进行选择，输入他需要的内容。文档： https: //material.angular.io/components/select/overview