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

标签 angularjs

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

关于angularjs - 为什么这个 angularjs ng-model 没有更新到正确的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20700422/

相关文章:

javascript - angular.element().hide() 与 ngIf

javascript - 具有日期格式的 angularjs ng-options

javascript - 将服务中的函数绑定(bind)到$scope(错误: Cannot set property 'onChange' of undefined)

javascript - Angularjs templateUrl 在 ngInclude 中找不到 ngTemplate

javascript - 什么是 ng-include 不加载脚本的良好且简单的解决方法?

javascript - 迭代对象数组并在文本区域中显示值

angularjs - 关闭模态后重新加载列表

AngularJS:带重定向的单元测试页面

angularjs - web api身份验证后将 token 存储在浏览器本地存储中是否安全

javascript - 如何使用HTTP协议(protocol)使用IE9下载文件