どのように私は角度2からサービスにドロップダウンリストで完全なオブジェクトを返すことができますか？

Question

オブジェクトフォームのドロップダウンリストをサービスに戻すにはどうすればよいですか？

私が欲しいときには、すでにモデルの変数を持っているので、私は、コンポーネントオブジェクトに

<select [ngModel]="selectedDev" (ngModelChange)="onChangeForComponent($event)" name="sel3" > 
    <option *ngFor="let component of Component " [value]="component" > 
{{component.name}} 
</option> 

を取得し、

selectedDev:comp; 
onChangeForComponent(value){ 

this.selectedDev=value; 
alert(this.selectedDev.name); 

    this.componentCollection.push({ 

"id": this.selectedDev.id, 
"name": this.selectedDev.name, 
"description": this.selectedDev.description, 
"nrc": this.selectedDev.nrc, 
"mrc": this.selectedDev.mrc, 



}); 

Answer 1

として使用することができますonChangeForComponent内のアイテムをクリックしたこれまでのことができます。ちょうどこれを行う、

<select [ngModel]="selectedDev" (ngModelChange)="onChangeForComponent($event)" name="sel3"> 
    <option *ngFor="let component of Component " [value]="component.name"> 
    {{component.name}} 
    </option> 
</select> 

で

typescript

onChangeForComponent(value){ 
let componentselected = this.Component.filter(t=>t.name ==value); 
this.componentCollection.push(componentselected); 
} 

DEMO