javascript - Angular2 ng2-auto-complete 实现问题

Question

我已经按照这个 example 实现了 Angular 2 ng2-auto-complete 组件.您可以从 here 访问它还有。

我面临的问题是，我的来源是以 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)"/>

这是我得到的:

Answer 1

您需要将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 将不会显示任何内容，这正是您想要完成的。