2017-05-30 55 views
1

如何在選定的事件中獲取originalObject?ng2-completer獲取selectedObject

例如在此代碼中我想使用值字段,但搜索顏色!

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"> 

感謝。

+0

我用這一點,對我的作品: (選擇)= 「onItemSelect($事件)」 和 onItemSelect(選擇:CompleterItem){ 如果(選擇) this.selectedItem =選定.originalObject._id; } –

回答

4
<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; 
    } 
} 
}