angular - ng2-completer 获取 selectedObject

Question

如何在选定事件中获取 originalObject？

例如，在此代码中，我想使用值字段，但要搜索颜色!

protected searchData = [
{ color: 'red', value: '#f00' },
{ color: 'green', value: '#0f0' },
{ color: 'blue', value: '#00f' },
{ color: 'cyan', value: '#0ff' },
{ color: 'magenta', value: '#f0f' },
{ color: 'yellow', value: '#ff0' },
{ color: 'black', value: '#0' }
];

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

这是我的模板:

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

谢谢。

Answer 1

<ng2-completer name="searchStr" [(ngModel)]="model.searchStr" [datasource]="dataService" [minSearchLength]="0" (selected)="onItemSelect($event)" #searchStr="ngModel"></ng2-completer>


export class .....Component{
 model:any={};
 ... 
 ... ..
 ...
onItemSelect(selected:CompleterItem){

  if(selected)
      this.model.searchStr = selected.originalObject.value;
  }
}
}