为什么这个angularjs ng模型没有更新到正确的值? 函数构建控制($scope){ $scope.test_obj={ 用法:3, 数据:[{id:1},{id:2},{id:3},{id:4}] }; } {{test_dict.used}} {{d.id}}

为什么这个angularjs ng模型没有更新到正确的值? 函数构建控制($scope){ $scope.test_obj={ 用法:3, 数据:[{id:1},{id:2},{id:3},{id:4}] }; } {{test_dict.used}} {{d.id}},angularjs,Angularjs,为什么选择器总是选择第一个选项,而我希望它会选择值等于3的第三个选项?您也可以使用ng options指令执行此操作: function buildControl($scope){ $scope.test_obj = { used:3, data:[{id:1},{id:2},{id:3},{id:4}] }; } <div ngApp> {{test_dict.used}} <select ng-model="

为什么选择器总是选择第一个选项,而我希望它会选择值等于3的第三个选项?

您也可以使用
ng options
指令执行此操作:

function buildControl($scope){
    $scope.test_obj = {
        used:3,
        data:[{id:1},{id:2},{id:3},{id:4}]
    };
}

<div ngApp>
    {{test_dict.used}}
    <select ng-model="test_obj.used">
        <option ng-repeat=" d in test_obj.data" value="{{d.id}}">{{d.id}}</option>
    </select>
</div>

{{test_obj.used}}

演示。使用
ng值

HTML:


谢谢,我犯了一个愚蠢的错误,多么糟糕的一天!事实上,如果退出,现实代码是复杂的,比如:{{argument.Name}}:
这才是真正应该使用的,避免
ng repeat
实现。
<div ng-app ng-controller="buildControl">
    {{test_obj.used}}
    <select ng-model="test_obj.used"
            ng-options="d.id as d.id for d in test_obj.data"></select>
</div>
<option ng-repeat=" d in test_obj.data" ng-value="d.id">{{d.id}}</option>
function buildControl($scope){
    $scope.test_obj = {
        used:3,
        data:[{id:1},{id:2},{id:3},{id:4}]
    };
}