Angular: ng-repeat 中的 ng-options

Question

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

示例控制器是：

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

Answer 1

使用 request 个实例创建模型

像这样

ng-model="request.selectedStatus"

然后你可以从$scope.requests

阅读

Answer 2

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

ng-model= "request.selected"

http://plnkr.co/edit/AaDl0idgtKmo5vLGdp7h

Angular: ng-repeat 中的 ng-options

Angular: ng-options in ng-repeat

angularjs

ng-repeat

ng-options