如何将下拉列表中的完整对象从angular 2返回到服务?

如何将下拉列表中的完整对象从angular 2返回到服务?,angular,drop-down-menu,Angular,Drop Down Menu,如何将对象窗体下拉列表返回到服务 我想当我点击onChangeForComponent中的项时,可以得到组件对象 <select [ngModel]="selectedDev" (ngModelChange)="onChangeForComponent($event)" name="sel3" > <option *ngFor="let component of Component " [value]="component" > {{component.n

如何将对象窗体下拉列表返回到服务

我想当我点击onChangeForComponent中的项时,可以得到组件对象

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

既然你已经有了一个模型变量,你可以这样做

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

问题是什么?如何将对象表单下拉列表返回到更改方法上的服务?服务在哪里?我指的是更改方法onChangeForComponent()你是指selectedDev?是的,我是指值和SelectedEvaly。你的回答帮助我,但你可以添加,因为我选择了一个,而不是数组this.componentCollection.push(componentselected[0]);添加什么?我不知道push的参数是一个对象而不是数组,因为componentselected可以顺便返回同名数组。我是按id做的,取第一个元素
onChangeForComponent(value){
 let componentselected = this.Component.filter(t=>t.name ==value);
 this.componentCollection.push(componentselected );
}
onChangeForComponent(value){
 let componentselected = this.Component.filter(t=>t.name ==value);
 this.componentCollection.push(componentselected );
}