我的代码是这样的
<body ng-app="myApp" ng-controller="MainCtrl">
<select data-ng-model="myclass" data-ng-options="color.name for color in colors">
<option value="">-- Select Freight Class --</option>
</select>
</body>
angular.module('myApp', []).controller('MainCtrl', [
'$http', '$scope', '$filter', function ($http, $scope, $filter) {
$scope.myclass = {
"name": "65"
};
$scope.colors = [{
name: '50'
}, {
name: '55'
}, {
name: '105'
}, {
name: '110'
}, {
name: '400'
}, {
name: '500'
}];
}]);
如您所见，我正在尝试将此选择的默认选定值设置为 65，但它不起作用。谁能告诉我如何实现这一目标？
http://jsfiddle.net/d8kg0uys/
最佳答案
首先，colors 数组中根本没有{"name": "65"} 对象。但即使您尝试选择选项 {"name": "55"} 它也不会起作用。原因是因为 $scope.myclass 不等于 colors 数组中的任何元素。
Angular 比较对象以将相应的选项设置为选中，并且只有当对象是相同对象时，一个对象才等于另一个对象。因此，要正确设置所选值，您必须为 colors 数组中的对象提供一个引用:
$scope.myclass = $scope.colors[1];
关于javascript - 为选择元素angularJS设置选定值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26675232/