javascript - Angular(ng-options)中有多个具有相同值的选择框

Question

我想使用多个选择框，用户将根据请求通过单击添加字段按钮使用相同的值来添加这些选择框。为了简化问题，我们假设有两个选择框:

<select name="user" id="user1" ng-model="Users" ng-options="user.fullname for User in Users">
    <option value="" selected="selected" disabled="disabled">Select User</option>
</select>

<select name="user" id="user2" ng-model="Users" ng-options="user.fullname for User in Users">
    <option value="" selected="selected" disabled="disabled">Select User</option>
</select>

我的数据集如下所示:

$scope.Users = [
    { username: joedoe, email: joedoe@company.com, id: 1},
    { username: jackblack, email: jackblack@company.com, id: 2},
    { username: mikedike, email: mikedike@company.com, id: 3}
];

我需要获取每个选择框中所选用户的所有数据。我知道如果有一个选择框，我可以获取对象“selectedItem”，所以我的问题是，如何在 Controller 中单独检索每个选择框的用户对象？

Answer 1

尝试这样

$scope.userList=[];

$scope.add=function(){
  $scope.userList.push({selected : '' });
}

HTML

<div ng-repeat="user in userList">
  <select name="user"ng-model="user.selected" ng-options="User.username for User in Users">
    <option value="" selected="selected" disabled="disabled">Select User</option>
  </select>
</div>
<button ng-click="add()">Add</button>

JSFIDDLE