为什么这个angularjs ng-model没有更新到正确的值？

发布时间：2020-12-17 17:05:41 所属栏目：安全来源：网络整理

导读：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

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>

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

解决方法

请改用ng-value.

http://jsfiddle.net/bateast/LsEL5/

HTML：

<option ng-repeat=" d in test_obj.data" ng-value="d.id">{{d.id}}</option>

JS：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!