angular2 - 如何设置选择框的初始值

时间:2016-08-12 21:43:45

标签: angular

我可以加载一个没有问题跟踪事件的选择框等。我不能做的是设置初始值。

[ { "id": "1", "name": "USD" }, { "id": "2", "name": "EUR" }]

<select [(ngModel)]="model_initials.currency" (ngModelChange)="onChange($event)" class="custom-select form-control">
            <option [ngValue]="i" *ngFor="let i of basecurrency" [ngModel]="{selected: model_initials.currency.id == 'i.id'}">{{i.name}}</option>
            </select>

假设我想要id:2然后我该如何设置?

我收到了这个错误:

platform-b​​rowser.umd.js:1900 ORIGINAL EXCEPTION:''

没有值访问器

2 个答案:

答案 0 :(得分:2)

尝试以下,

  <select (change)="onChange($event.target.value)">
     <option *ngFor="let i of basecurrency"
             [value]="i"
             [selected]="model_initials.currency.id == i.id"
             >
             {{i.name}}
      </option>
  </select>

希望这会有所帮助!!

答案 1 :(得分:1)

使用三级条件设置&#39;选择&#39;属性。

这样的事情:

<select [(ngModel)]="model_initials.currency">
  <option *ngFor="let i of baseCurrency" [attr.value]="i" [attr.selected]="i.id === 2 ? true : null">{{ i.name }}</option>
 </select>