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