gpt4 book ai didi

javascript - 为选择元素angularJS设置选定值

转载 作者:行者123 更新时间:2023-11-30 08:01:39 25 4
gpt4 key购买 nike

我的代码是这样的

    <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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com