Angular2 ng2-auto-complete 显示和选择问题

Question

我已经按照component 实现了 Angular 2 ngui-auto-complete 组件。我发现了与此相关的example。但我面临的问题是，在我的自动完成中有多个依赖项。所以对于选择我想要 id 但我没有选择 id。

另一个面临的问题是我的来源是一个对象的形式，其中 id 作为字段之一。并按照组件的实现示例，在下拉列表中显示在括号中的id。有没有办法不在下拉列表中显示 id？

这是我的自动完成组件的 HTML 代码：

<input  class="text-uppercase form-control" ngui-auto-complete [(ngModel)]="shipper.cust_name" [source]="shipperNameSource.bind(this)" value-property-name=null  value-formatter="cust_name" min-chars="1" (change)="updateShipperDetails()"/>

我的组件

shipperNameSource = (keyword: any): Observable<any[]> => {
    let url: string = 
      'api/getCustomers?selected='+keyword
    if (keyword) {
      return this.http.get(url)
        .map(res => {
            let json = res.json();
            this.customer.id = json.id;
          return json;
        })
    } else {
      return Observable.of([]);
    }
}

这就是我得到的

Answer 1

您的数据没有问题。它显示未定义意味着您的数据存在，但您的自动完成映射有问题。尝试记录 api 响应并检查您在哪个节点中获取实际数据并相应地映射。