首页 > 代码库 > AngularJS: 使用ng-option生成下拉框,添加全部选择项
AngularJS: 使用ng-option生成下拉框,添加全部选择项
效果图如下:
HTML代码:
<div class="controls pull-left"> 消费类型: <select id="selectType" ng-model="currentType" ng-options="optiontype.id as optiontype.typeName for optiontype in typemodel"> </select> </div>
实现方法:
1、通过Angular JS的$http请求,动态获取下拉框的选项。
2、使用unshift函数添加全部选项
self.getConsumTypeList = function () { return $http.get("/consumptiontype/listall").success(function (response) { $scope.typemodel = response.data; $scope.typemodel.unshift({id:null,typeName:'全部'}); }).error(function (response) { $log.debug("请求超时或网络故障!获得列表失败!") }); };
unshift函数介绍:
unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
arrayObject.unshift(newelement1,newelement2,....,newelementX)
unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。
请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。
注释:unshift() 方法无法在 Internet Explorer 中正确地工作!
提示:要把一个或多个元素添加到数组的尾部,请使用 push() 方法。
AngularJS: 使用ng-option生成下拉框,添加全部选择项
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。