Angularjs 如何在Angular中动态添加多个select元素

我有一个选择元素，希望允许用户单击添加按钮添加其他选择元素，以便用户可以继续选择其他项目

当我使用下面的代码时，当我单击“添加”按钮时，不会显示下拉列表，也不会添加其他选择元素

有没有关于如何正确执行此操作的建议

澄清：我想添加总是包含相同项目的新下拉列表。所以我想添加新的select元素，而不是select元素中的新项

HTML:

---

在用于multi-select的

中，您可以使用

ui-select2=“multi”ng model=“editProject.project.class”

，然后您可以在该

中的下拉列表中写入所需的选择模型值。这将主要是一种锻炼。

您的指令设置不正确

<select ng-model="editProject.project.class">
      <option ng-repeat="class in project.classes" value="{{class.code}}">{{option.class}}</option>
</select>
<button ng-click="project.classes.push({class: 'New Class'})">Add Select</button>

{{option.class}}
添加选择

我为您创建了这个，希望它能帮助您

我的ParseApp网站
选择1
选择2
选择3
多重选择[{$index}}]={{{select.model}
添加选择
angular.module（'dynamicallySelect'，[]）
.controller（'ExampleController'，['$scope'，'，
职能（$范围）{
$scope.selects=[]；
$scope.data={
singleSelect:null，
多重选择：[]，
选项1:“选项1”
};
$scope.addMultipleSelect=function（）{
var newSelect={
名称：“多重选择”，
模型：“多重选择模型”
}
$scope.selects.push（新闻选择）；
}
$scope.forceUnknownOption=函数（）{
$scope.data.singleSelect='胡说八道'；
};
}
]);

可用选项是什么意思？@Maher我不需要多重选择。我希望每次有人单击“添加”按钮时都有一个全新的“选择”下拉列表。您可以为newSelectModel中的每个选项添加不同的选项

var editProject = this;
editProject.project.class = [];
editProject.classids = [

  {code: '1', class: 'Chemicals'},
  {code: '2', class: 'Paints'},
// . . .

 ];

<select ng-model="editProject.project.class">
      <option ng-repeat="class in project.classes" value="{{class.code}}">{{option.class}}</option>
</select>
<button ng-click="project.classes.push({class: 'New Class'})">Add Select</button>