Javascript 单击角度选择选项下拉菜单中的按钮时如何选择对象的多重值

我将JSON结果放在选择下拉菜单的选项列表中

[
{
    "id": "1596700684533_",
    "name": "Usman Abbas Ghulam Abbas",
    "fcm": "344"
},
{
    "id": "1596700972722_",
    "name": "Muhammad Ali",
    "fcm": "0"
},
{
    "id": "1596702420255_",
    "name": "Abdul Hannan Abdul Mannan",
    "fcm": "234"
}
]

• 单击按钮时，如何选择完整对象和对象的值（如id和fcm）

我的component.htlm代码是

<select (change)="Selected($event)">
              <option *ngFor="let group of groups" [value]="group.fcm">
                {{group.name}}
              </option>
            </select>

第一路（设置组而不是组.fcm）

---

我认为第二种方式可以让您更好地控制数据集和ui可见性。

您只需将选项的值设置为

id

。在

（更改）

事件发射器处理程序中，找到具有该id的项

请参阅下面的代码

{{group.name}

打字脚本文件

所选（$event）{
const selectedObject=this.groups.find（（{id}）=>id==event.target['value']）
this.selectedName=selectedObject.name
this.selectedId=selectedObject.id
}

我已经尝试了第一种方法，放置了它的return me对象，我如何从object中获取值您可以尝试第二种方法。同样的答案后来公布了。

Selected(event: any){
//update the ui
this.selectedName = event.target.value;
//this.selectedId = event.targent.value.id
this.hide=false;



}


getVal(){
  this.button=this.selectedName;
  console.log("hre is selected values for option " + this.selectedName);
 

  }

<option *ngFor="let group of groups" [value]="group">

<option *ngFor="let group of groups" [value]="group.id">

 Selected(event: any){
  this.selectedObj= data.filter(item => item.id = event.target.value)
  this.hide=false;
}