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