AngularJS:如何使用AngularJS动态地将选择框和选项添加到DOM中

AngularJS:如何使用AngularJS动态地将选择框和选项添加到DOM中,angularjs,Angularjs,一旦将带有空选项的选择框动态添加到DOM中,我们如何将选项(ng选项)添加到该选择框中。 我有一个场景,用户可以在运行时向DOM添加多个选择框,然后向动态添加的选择框添加值 非常感谢您在这方面的任何帮助。 非常感谢。select元素的ng options属性可以帮助您以迭代方式生成选项。您可以在控制器中维护您的动态选项。更新选项数据模型后,将刷新select元素的选项 查看 <div ng-controller="myCtrl"> <select ng-model="sel

一旦将带有空选项的选择框动态添加到DOM中,我们如何将选项(ng选项)添加到该选择框中。 我有一个场景,用户可以在运行时向DOM添加多个选择框,然后向动态添加的选择框添加值

非常感谢您在这方面的任何帮助。
非常感谢。

select元素的ng options属性可以帮助您以迭代方式生成选项。您可以在控制器中维护您的动态选项。更新选项数据模型后,将刷新select元素的选项

查看

<div ng-controller="myCtrl">
  <select ng-model="selected" ng-options="o.label for o in options">
    <option value="">-------</option>  <!--not selected option-->
  </select>
  <button ng-click="addOption('option'+(options.length+1))">Add</button>
</div>
这是一本书


希望这对您有所帮助。

您的问题要尽量具体一些。你能提供示例代码吗?
angular.module('app',[])
.controller("myCtrl",function($scope){
  $scope.options = [{label:"option1",value:"1"},{label:"option2",value:"2"},{label:"option3",value:"3"}];

  $scope.addOption = function(text){
    $scope.options.push({label:text,value:text});
  }
});