初始化以angular2动态选择值

Question

我在循环中设置select选项的值。看看代码

<div *ngFor="let sport of sport_data;" class="row">
  <select [(ngModel)]="sports.value" class="form-control">
      <option value="football">Sports</option>
      <option value="cricket">Cricket</option>
  </select>
</div>

这里sport_data是一系列运动项目。它不能正常工作。他们用其他任何方法来设置select元素的默认值吗？

Answer 1

select应该绑定到* ngFor的“sport”变量吗？在这种情况下，您似乎有一个拼写错误，因为您将ngModel绑定到“sports”而不是“sport”。代码应如下所示：

<div *ngFor="let sport of sport_data;" class="row">
  <select [(ngModel)]="sport.value" class="form-control">
      <option value="football">Sports</option>
      <option value="cricket">Cricket</option>
  </select>
</div>

正如您所要求的那样，另一种方法可能是使用select上的（change）事件来设置值，并选择[selected]绑定选项。