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. 其次，您可以使用 track by，但在这种情况下使用“as”也可以：https://docs.angularjs.org/api/ng/directive/select。您可以将 obj.dataToBeStoredInModel 用作 objList 中 obj 的 obj.labelOfData 来获取 ng-options 的 id。