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自动完成实现问题

回答

相关问题