angular - 激活change事件时如何获取下拉列表对应的json？

Question

我怎样才能完全得到json？例如，如果我选择第二个选项，我想获得：

{"name":"goku", "ki":23232, "planet":"vegita"}

这是我的代码：

 <select  [(ngModel)]="dropdown" (change)="fn_change(item)">
   <option *ngFor="let item of aData" value="item.name">{{item.name}} 
   </option>
 </select>

aData=[
 {"name":"goku", "ki":23232, "planet":"vegita"},
 {"name":"vegeta", "ki":11, "planet":"vegita"},
 {"name":"krillin", "ki":5565, "planet":"earth"}        
]

 fn_change(item){
  alert(item);
  console.log(item);
}

我该怎么做？

https://stackblitz.com/edit/angular-y6crza?file=src/app/app.component.ts

标签： angular

Answer 1

您可以使用ngValue而不是value
尝试这些代码

<select  [(ngModel)]="dropdown" (change)="fn_change(dropdown)">
  <option *ngFor="let item of aData" [ngValue]="item">{{item.name}}</option>
</select>