Javascript angularjs中未选择默认选项下拉列表

我正在努力与下拉列表，请参阅下面的代码

我的控制器

(function(angular) {
  'use strict';
angular.module('ngrepeatSelect', [])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.data = {
     model: null,
     availableOptions: [
       {id: '1', name: 'Option A'},
       {id: '2', name: 'Option B'},
       {id: '3', name: 'Option C'}
     ]
    };

    $scope.data.model=1;

 }]);
})(window.angular);

我的用户界面

重复选择：
{{option.name}

model={{data.model}}

下面是一个例子，在这个演示中，我将

$scope.data.model

设置为

1

，那么为什么我的下拉列表显示为空

我找了很多，但运气不好，请帮忙。 提前谢谢，对不起，我的英语不好

---

编辑说明：我以前尝试过，但仍然面临这个问题。

您的对象ID是

字符串

，而data.model是

数字

统一您的数据类型，它就会工作

（函数（角度）{
"严格使用",；
角度。模块（'ngrepeatSelect'，[]）
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.data={
型号：空，
可用选项：[
{id:'1'，name:'Option A'}，
{id:'2'，name:'Option B'}，
{id:'3'，name:'Option C'}
]
};
$scope.data.model='1'；
}]);
})（窗口角度）

示例-示例选择重复生产
重复选择：
{{option.name}

model={{data.model}}

您的对象ID是
字符串
，而data.model是
数字

统一您的数据类型，它就会工作


（函数（角度）{
"严格使用",；
角度。模块（'ngrepeatSelect'，[]）
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.data={
型号：空，
可用选项：[
{id:'1'，name:'Option A'}，
{id:'2'，name:'Option B'}，
{id:'3'，name:'Option C'}
]
};
$scope.data.model='1'；
}]);
})（窗口角度）

示例-示例选择重复生产
重复选择：
{{option.name}

model={{data.model}}

用ng值更改选择中的值

<select name="repeatSelect" id="repeatSelect" ng-model="data.model">
  <option ng-repeat="option in data.availableOptions" ng-value="{{option.id}}">{{option.name}}</option>
</select>


{{option.name}

用ng值更改选择中的值

<select name="repeatSelect" id="repeatSelect" ng-model="data.model">
  <option ng-repeat="option in data.availableOptions" ng-value="{{option.id}}">{{option.name}}</option>
</select>


{{option.name}


或使用对象的特性进行选择

  angular.forEach($scope.data.availableOptions, function (option, index) {
                        if (option.id === 1) { // 1 ==> id of the option
                            $scope.data.model= option;
                        }
                    });

或使用对象的特性进行选择

  angular.forEach($scope.data.availableOptions, function (option, index) {
                        if (option.id === 1) { // 1 ==> id of the option
                            $scope.data.model= option;
                        }
                    });

角度
ng repeat
的最佳实践是用于选择。
为了进行默认选择，我们需要将控制器中的ng模型值指定为选项对象本身。i、 例如，ng模型的数据类型和重复选项必须与exact相同

让我们把它指定为

$scope.data.model = $scope.data.availableOptions[0];

这是你问题的一个有效例子


（函数（角度）{
"严格使用",；
角度。模块（'ngrepeatSelect'，[]）
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.data={
型号：空，
可用选项：[{id:'1'，name:'Option A'}，
{id:'2'，name:'Option B'}，
{id:'3'，name:'Option C'}]
};
$scope.data.model=$scope.data.availableOptions[0]；
}]);
})（窗口角度）

重复选择：

model={{data.model}


角度
ng重复的最佳实践是用于选择。
为了进行默认选择，我们需要将控制器中的ng模型值指定为选项对象本身。i、 例如，ng模型的数据类型和重复选项必须与exact相同

让我们把它指定为

$scope.data.model = $scope.data.availableOptions[0];

这是你问题的一个有效例子


（函数（角度）{
"严格使用",；
角度。模块（'ngrepeatSelect'，[]）
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.data={
型号：空，
可用选项：[{id:'1'，name:'Option A'}，
{id:'2'，name:'Option B'}，
{id:'3'，name:'Option C'}]
};
$scope.data.model=$scope.data.availableOptions[0]；
}]);
})（窗口角度）

重复选择：

model={{data.model}


为数据分配字符串值。模型
。（
$scope.data.model='1'；
）为您的
数据.model
分配字符串值的可能重复项。（
$scope.data.model='1'；
）可能重复感谢Zoly，我将这些ID转换为int。但是仍然不走运，请检查这个提示我应该只通过ng选项吗？这里有两个选项：从
value
切换到
ng value
或者从
number
切换到
string
谢谢，我将这些ID转换为int。但是仍然不走运，请检查这个提示我应该只通过ng选项吗？这里有两个选项：从
value
切换到
ng value
或者从
number
切换到
string
我很高兴我能提供帮助。我很高兴我能提供帮助。