c# - angular 2选择具有对象值的选项

Question

我正在从 API 获取对象值列表，并且在对象内部有一个用于标识所选项目的属性我可以绑定(bind)项目列表来查看

这里是json数据

这是我的代码:

   <select class="form-control"  name="Underwriter">
 <option *ngFor="let underwriter of policyModel?.underwriterList" [ngValue]="underwriter.value" >{{underwriter.text}}</option>
  </select>

有什么方法可以制作选中的元素吗？

Answer 1

您可以只添加一个 [selected] 到您的选择中，并检查哪个 underwriter 的属性 selected 为 true.

像这样:

 <select class="form-control" (change)="onChangeunderwriter($event)" name="Underwriter">
     <option *ngFor="let underwriter of policyModel?.underwriterList" [ngValue]="underwriter.value" [selected]="underwriter.selected == true">{{underwriter.text}}</option>
 </select>

所以只需添加:

[selected]="underwriter.selected == true"

一个简化的plunker