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

Question

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的选项？

Answer 1

你也可以使用ng-options指令来做到这一点:

<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>

演示Plunker.

Answer 2

请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,
        data:[{id:1},{id:2},{id:3},{id:4}]
    };
}