Angular：使用ng-option时出现错误

Question

我有这个架构：

teams: [
   {
      id: 1,
      name: "Spain"
   },
   {
      id: 2,
      name: "Germany"
   }
]

现在我有这个选择元素：

<select ng-model="betSchema.winnerId" ng-options="team.name for team in teams track by team.id">
    <option value="-1">Tie</option>
</select>

betSchema对象如下所示（默认）：

{
   winnerId: -1
}

这是我看到的结果：

问题是：
1.我看不到领带选项，这里有一个神秘的“空白”选项（第一个在顶部）。 2.当betSchema如下所示：

{
   winnerId: 2
}

我希望看到德国选项被选中。

我究竟做错了什么？

Answer 1

看到这个小提琴： http : //jsfiddle.net/Mn4SH/4/

有几件事。

1. 当使用ng-options时，Angular将覆盖您的选项标签，因此您必须将其添加到模型中，如下所示：

   scope.teams = [{ id: -1, name: "Tie" }, { id: 1, name: "Spain" }, { id: 2, name: "Germany", }];

2. 其次，您可以使用跟踪方式，但在这种情况下也可以使用“ as”： https : //docs.angularjs.org/api/ng/directive/select 。 您可以将obj.dataToBeStoredInModel用作objList中obj的obj.labelOfData来获取ng-options的ID。