Angular2 ng2自動完成實現問題

我已經通過關注此example實現了Angular 2 ng2-auto-complete組件。您也可以從here訪問它。Angular2 ng2自動完成實現問題

我面對的問題是，我的源代碼是以id作爲其中一個字段的對象的形式。通過遵循組件的實現示例，id顯示在下拉列表的括號中。有沒有辦法在下拉菜單中顯示id？

下面是自動完成組件我的HTML代碼：

<input ng2-auto-complete id="inputEvent" class="form-control" [(ngModel)]="model" ngModel 
    name="event" #event="ngModel" [source]="items" display-property-name="name" (valueChanged)="onSelect($event)"/>

這就是我得到：

來源

2016-10-21 user3344978

您需要設置value-property-name屬性null：

<input ng2-auto-complete id="inputEvent" class="form-control" 
[(ngModel)]="model" ngModel name="event" #event="ngModel" 
[source]="items" value-property-name=null 
display-property-name="name" (valueChanged)="onSelect($event)"/>

value-property-name是可選屬性，但它具有默認值 - id。將其設置爲null將不會顯示任何內容，這是您要完成的任務。

來源

2016-10-21 18:53:44

你可以嘗試ang2-autocomplete 現場樣品，請訪問：plnkr.co/edit/5zRD0fcOZHXEMOk4kupY?p=preview

來源

2017-01-06 12:16:22

Angular2 ng2自動完成實現問題

回答

相關問題