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

Question

我是 Angular 和 ng2 完成者的新手。我有一个形式的对象数组

var conetps = [ { 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');
}

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