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

标签 angularjs select ng-options

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

我尝试了ng-selected,但效果不佳,有时模型有时无法更新。

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

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

Controller

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/

最佳答案

您需要使用select as label group by group for value in array track by trackexpr,阅读DOCs

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

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

关于angularjs - 在 ng-option 中选择不更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25933935/

相关文章:

javascript - 仅在父元素内拖动指令?

javascript - 获取图像 jasmine-Angular 的警告 404

MySQL 之间通过使用替换

angularjs - 使用 ng-options 上的过滤器来更改显示的值

javascript - 我如何在 angularjs 指令中获取已编译的(?)字符串

javascript - ng-model 在输入和显示时操纵值

php - TYPO3:powermail 使用错别字从自己的扩展名中选择数据

MySQL - 如何在一个(UNION)查询中选择最小值和最大值

javascript - ng-options 选择默认值

javascript - 使用 ng-options 选择时的绑定(bind)问题