AngularJS：使⽤ng-option⽣成下拉框，添加全部选择项效果图如下：
HTML代码：
<div class="controls  pull-left"> 消费类型：
<select id="selectType" ng-model="currentType"  ng-options="optiontype.id peName for optiontype in typemodel">
</select>
</div>
实现⽅法：
1、通过Angular JS的$http请求，动态获取下拉框的选项。
2、使⽤unshift函数添加全部选项
angular和angularjs
return $("/consumptiontype/listall").success(function (response) {
$pemodel = response.data;
$pemodel.unshift({id:null,typeName:'全部'});
}).error(function (response) {
$log.debug("请求超时或⽹络故障!获得列表失败!")
});
};
unshift函数介绍：
unshift() ⽅法可向数组的开头添加⼀个或更多元素，并返回新的长度。
语法：
请注意，unshift() ⽅法不创建新的创建，⽽是直接修改原有的数组。
注释：unshift() ⽅法⽆法在 Internet Explorer 中正确地⼯作！
提⽰：要把⼀个或多个元素添加到数组的尾部，请使⽤ push() ⽅法。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。