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

前端之家收集整理的这篇文章主要介绍了为什么这个angularjs ng-model没有更新到正确的值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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}]
    };
}

猜你在找的Angularjs相关文章