Javascript 所选选项的角度ng init不工作_Javascript_Angularjs_Angularjs Ng Repeat_Angularjs Ng Init

Javascript 所选选项的角度ng init不工作

javascript angularjs

Javascript 所选选项的角度ng init不工作,javascript,angularjs,angularjs-ng-repeat,angularjs-ng-init,Javascript,Angularjs,Angularjs Ng Repeat,Angularjs Ng Init,我在做这件事这是我的控制器： 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

我在做这件事

这是我的控制器：

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是我的选择dom的选项，$scope.selected是我的选择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>


所选内容必须为：{data.bbb.ccc}

我所拥有的是

我需要的是

$scope.selected的树结构是预期的，它是我需要处理的真实结构。有人能帮我吗？

一切都很简单。选项包含字符串，但树结构包含

int

值。您需要更改选项对象：

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