gpt4 book ai didi

javascript - 所选选项的 Angular ng-init 不起作用

转载 作者:行者123 更新时间:2023-12-02 16:25:41 25 4
gpt4 key购买 nike

我正在研究这个 fidde HERE

这是我的 Controller :

angular.module('demoApp', []).controller('DemoController', function($scope) {

$scope.options = [
{ label: 'one', value: '1' },
{ label: 'two', value: '2' },
{ label: 'three', value: '3' },
{ label: 'four', value: '4' }
];

$scope.selected = {
"aaa": [
{
"bbb": {
"ccc": 1
}
},
{
"bbb": {
"ccc": 2
}
},
{
"bbb": {
"ccc": 3
}
},
]
}

});

$scope.options 是我的 select dom 的选项,$scope.selected 是我的 select dom 中的所选项目

这是我的index.html:

<body ng-app="demoApp">
<div ng-controller="DemoController">
<div ng-repeat="data in selected.aaa">
<select ng-model="data.bbb.ccc"
ng-options="opt.value as opt.label for opt in options" ng-init="data.bbb.ccc = data.bbb.ccc || options[$index].value">
</select>
selected must be : {{data.bbb.ccc}}
</div>
</div>
</body>

我拥有的是

enter image description here

我需要的是

enter image description here

$scope.selected 的树结构是预期的,它是我需要处理的真实结构。有人可以帮助我吗?

最佳答案

一切都很简单。您的选项包含字符串,但您的树结构包含 int 值。您需要更改您的选项对象:

  $scope.options = [
{ label: 'one', value: 1 },
{ label: 'two', value: 2 },
{ label: 'three', value: 3 },
{ label: 'four', value: 4 }
];

关于javascript - 所选选项的 Angular ng-init 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28714416/

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