Angular：ng-repeat 中的 ng-options答案

【问题标题】：Angular: ng-options in ng-repeatAngular：ng-repeat 中的 ng-options
【发布时间】：2015-10-08 19:42:51
【问题描述】：

我有一个请求集合，每个请求都有状态集合。我正在尝试为每个请求创建一个下拉列表并填充它们的状态。如何读取每个请求的选定状态？

示例控制器是：

// Code goes here
var app = angular.module('demo', []);


app.controller('myController', function($scope){
$scope.requests=[{"name": "Request1", 
                  "statusList": [{ "name": "status1", "isSelected": true },
                                 { "name": "status2", "isSelected": false }
                                ]
                },{"name": "Request2", 
                   "statusList": [{ "name": "status3","isSelected": false },
                                 { "name": "status4", "isSelected": false }
                    ]
                }];

});

和示例 html：

<div class="container" ng-controller="myController">
<div>

    <ul ng-repeat="request in requests">
      {{request.name}}
  <li>
    <select class="form-control" ng-options="status as status.name for status in request.statusList" ng-model="selectedStatus"></select>
  </li>
</ul>

  </div>
</div>

笨蛋在这里：http://plnkr.co/edit/KkYgCDTWbWuorTOQISPo?p=preview

【问题讨论】：

标签： angularjs ng-repeat ng-options

【解决方案1】：

只需在 ng-model 中使用 request.selected，因为您在 HTML 中的请求引用每个组，因此您选择的将是在该数组中创建的包含所选组的新键。

ng-model= "request.selected"

http://plnkr.co/edit/AaDl0idgtKmo5vLGdp7h

【讨论】：

【解决方案2】：

使用request 实例创建模型

喜欢这个

ng-model="request.selectedStatus"

那你可以从$scope.requests读到

【讨论】：