angularjs – 在ng-option中选择不更新

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

导读：我有来自后端的数据列表,我想更新视图中由于某种原因没有发生的选择值. 我尝试了ng-selected,但效率不高,有时模型更新spmetimes没有. 这是我的代码,有人可以帮忙吗？ div class="listitem" ng-repeat="d in data" {{d.name}}: select ng-model="d.option" ng

我有来自后端的数据列表,我想更新视图中由于某种原因没有发生的选择值.

我尝试了ng-selected,但效率不高,有时模型更新spmetimes没有.

这是我的代码,有人可以帮忙吗？

<div class="listitem" ng-repeat="d in data">
        {{d.name}}: 
        <select 
            ng-model="d.option"                 
            ng-options="d.name for d in options"></select>
    </div>

调节器

var myApp = angular.module('myApp',[]);
myApp.controller("SomeController",function($scope) {
    $scope.options = [{
        "id": "id1","name": "p1"
    },{
        "id": "id2","name": "p2"
    }];
    $scope.data = [{
        "name": "data1","option": {
            "id": "id1","name": "p1"
        }
    }];
});

http://jsfiddle.net/gFCzV/58/

解决方法

您需要通过trackexpr(读取 DOCs)按数组轨道中的值选择使用select作为标签

ng-options="option.name for option in options track by option.id"

DEMO,但请注意,这在Angualrjs 1.1中不起作用

（编辑：李大同）

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