使用ng-options显示对象属性,但使用ng-model绑定索引

Question

我正在尝试显示联盟中球队名单的列表,然后选择一个.选中后,应将索引league.teams[index]放入homeTeam.teamId.这是HTML:

<select
    ng-model="homeTeam.teamId"
    ng-options="team.name for team in league.teams">
</select>

这里的范围:

$scope.league = {
    teams: [
        { name: "Team#1" },
        { name: "Team#2" }
    ]
};

但它将整个对象添加到homeTeam.teamId,如下所示:

homeTeam: {
    "teamId": { "name":"Team#1" }
}

我怎样才能让它只输入索引,即:

homeTeam: {
    "teamId": 0
}

Answer 1

如果你想要一个id,那么团队应该有一个:

ng-options="team.id as team.name for team in league.teams"

替代方案:

ng-options="league.teams.indexOf(team) as team.name for team in league.teams"

indexOf() IE <9不支持