javascript - 使用项目的属性绑定(bind) Angularjs 选择项目进行建模

Question

我有一个集合如下:

$scope.TeamType = [
    {
        "name": "Beginner",
        "value": 0
    },
    {
        "name": "Novice",
        "value": 1
    },
    {
        "name": "Expert",
        "value": 2
    },
    {
        "name": "Masters",
        "value": 3
    }];

我的 Controller 中还有一个变量:

$scope.SelectedTeamType = 0;

我尝试在以下语句中使用这些项目

<select ng-model="SelectedTeamType" ng-options="v as v.name for v in TeamType track by v.value"></select>

我希望选择使用模型中相应的值进行初始化，并在选择更改时将该值保存到模型中。我不确定为什么模型 SelectedTeamType 将整个对象存储到其中而不是 v.value 以及为什么它不与初学者一起初始化。

Answer 1

根据评论我需要将 $scope.SelectedTeamType 保留为整数值

使用

<select 
    ng-model="SelectedTeamType" 
    ng-options="v.value as v.name for v in TeamType"
 ></select>

DEMO

由于您在 ngOptions 中提供的表达式，其存储对象.

需要绑定(bind)对象，使用

$scope.SelectedTeamType = $scope.TeamType[0];

更好

$scope.SelectedTeamType = $scope.TeamType.filter(function(t) {
    return t.value == 0;
});