Angular2 ng2-自动完成实施问题

Question

ng2-auto-complete通过遵循此示例，我已经实现了Angular 2 组件。您也可以从这里访问它。

我面临的问题是，我的来源是对象形式，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不显示任何内容，这是您要完成的工作。