javascript - 如何从单个选择中获取包含对象的选定选项 - Angular

Question

我有如下对象数组:

var GlobalArray = [{'id':1,'Name':"ABC"},{'id':2,'Name':"XYZ"}]

而且我想在选择下拉列表时获取对象值，但我没有得到它。

<select [(ngModel)]="docvalue" (change)="modify($event.target.value)" >
    <option *ngFor="let fop of GlobalArray " [value]="fop" selected]="fop.Name.IsSelected" >
      <h6>{{fop.Name}}</h6>
    </option>
</select>

(但在函数中我得到 [object object] )

modify(obj){console.log("obj")
}

Answer 1

零件:

GlobalArray = [{'id':1,'Name':"ABC"},{'id':2,'Name':"XYZ"}];

// Choose whatever you want as the selected option on page load. 
// Set null if none to be selected.
docvalue = this.GlobalArray.find(x => x.id == 1); 

modify(){
  console.log(this.docvalue);
}

HTML:

<select [(ngModel)]="docvalue" (change)="modify()" >
    <option  *ngFor="let fop of GlobalArray " [ngValue]="fop">
      <h6>{{fop.Name}}</h6>
    </option>
</select>

由于您使用的是双向绑定(bind)，您可以简单地使用 this.docvalue获取选定的值。

Working demo