时间戳

首页 > 解决方案 > 有没有办法禁用自动完成输入？- 角材料

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

问题描述

我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这样用户就不会破坏下拉菜单的目的？现在，用户可以只输入一些内容而不是选择一个选项，甚至在选择时编辑一个选项。

标签： angularautocompleteangular-material

解决方案

就在这里

这是带有禁用自动完成输入的示例的文档

https://material.angular.io/components/autocomplete/examples

我需要在选择后禁用输入，但我不能使用 mat-select，因为我有 600 多个选项......所以需要自动完成/预先输入。也不能使用 mat-chips，因为一次只能选择一个选项。

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

推荐阅读