时间戳

首页 > 解决方案 > 如何在角度 8 中禁用输入下拉列表的自动填充

javascript - 如何在角度 8 中禁用输入下拉列表的自动填充

问题描述

<div class="row" style="display:inline-flex;margin-left:11% !important">

              <label>Employee</label>

              <input id="txtIncurredBy" type="search" list="employeesList"  (change)="GetSelectedEmployeeDetails($event)" formControlName="incurredBy"  />

              <datalist id="employeesList">

                <option *ngFor="let employee of employeesList" [ngValue]="employee.name">{{employee.name}}</option>

              </datalist>

              <button type="button" class="btn" (click)="FindEmployee()">Find</button>

            </div>

 

employeesList=[{

    "seqID": "1433174",

    "name": "Revankar,Anuj A",

    "property": null,

    "firstName": "Anuj ARevankar"

}]

问题截图

当我在下拉列表中键入“anuj re”时，列表中有一个选项，如雇员列表中所示，但正如您在屏幕截图中看到的那样，该选项不可用；我意识到键入的值没有t 与列表值匹配，但是有什么方法可以显示列表中的所有值，无论它是否匹配？

标签： javascripthtmlangulartypescript

解决方案

<kendo-combobox
      [data]="employeesList"
      [filterable]="true"
      [textField]="'name'"
      [valueField]="'name'"
      (valueChange)="GetSelectedEmployeeDetails($event)">
    </kendo-combobox>

使用剑道组合框将适用于给定的要求。这是链接：https ://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/

回答自己的问题感觉很奇怪

推荐阅读