在使用ng2-completer时，如何使用json对象中的特定字段作为数据源？

Question

我是第一次接触angular和ng2完成器。我有一个表单的对象数组

var concetps ={ id:，code:，concept:，display：}.

我希望数据源是数组对象的显示项，这样我就可以使用自动建议功能

我尝试过用谷歌搜索和搜索代码片段，但都没有成功

 <ng2-completer [datasource]="concepts" [minSearchLength]="3"  placeholder="Search" aria-label="Search"></ng2-completer>

当我在搜索框中输入时，我没有得到任何自动建议

Answer 1

首先，你错过了ngModel

<ng2-completer [(ngModel)]="searchStr" [datasource]="dataService" [minSearchLength]="0"></ng2-completer>

然后，由于您的数据是一个数组，您需要一个服务函数来对其进行搜索

constructor(private completerService: CompleterService) {
     this.dataService = completerService.local(this.searchData, 'color', 'color');
}

你可以找到完整的用法和HERE-NG2 COMPLETER指南