选择值后,自动完成数据列表下拉列表再次显示

时间:2019-07-24 09:18:54

标签: angular6 datalist

enter image description here

我已将数据列表用于自动完成值。当我键入“ T”时,我得到与“ T”相关的值的列表。从列表中选择指定值后,再次显示如下

enter image description here

下面是用于将值绑定到数据列表下拉列表的代码

<input class="form-control" (keyup)='getLocationDetails()' 
name="location" placeholder="Ship From..." type="text" list="list" 
[(ngModel)]="shipModel.shipfrom" [ngModelOptions]="{standalone: true}"
(ngModelChange)='onChangeList($event)' autocomplete="off"> <datalist id="list"> 
<option *ngFor="let obj of locationlist" [value]="obj.locname"></option></datalist>

如何解决此问题

0 个答案:

没有答案