angularJS select
2016-04-01 13:07
567 查看
ng-options指令
在angularJS中创建select下拉是使用ng-options创建下拉项
ng-options="val as label for element in array" //设置option的value值为val
ng-options="lable for element in array" //不设置option的value值,默认为element对象
ng-options="(label)group by group for element in array" //不设置option的value值,默认为element对象
在angularJS中创建select下拉是使用ng-options创建下拉项
ng-options="val as label for element in array" //设置option的value值为val
ng-options="lable for element in array" //不设置option的value值,默认为element对象
ng-options="(label)group by group for element in array" //不设置option的value值,默认为element对象
<div ng-controller="selectCtrl"> <select ng-model="menu" ng-options="m.id as m.name for m in selectArray"></select> {{menu}} </div>
myApp.controller('selectCtrl',function($scope){ $scope.selectArray=[ {id:'1', name:'apple'}, {id:'2', name:'pear'} ] })
相关文章推荐
- 20、AngularJs知识点总结 part-2
- angularJs中上传图片/文件功能:ng-file-upload
- angularJs中上传图片/文件功能:ng-file-upload
- angularJs中上传图片/文件功能:ng-file-upload
- 基于karma和jasmine的Angularjs 单元测试
- angular中的module和injector,即依赖注入
- Angularjs Scope 详解
- 基于angular写的一个todolist
- Angularjs Directive 详解
- AngularJS 中的scope($scope)
- 构建自己的AngularJS - 作用域和Digest(二)
- 构建自己的AngularJS - 作用域
- 构建自己的AngularJS - 作用域和Digest(一)
- angularjs $state.go页面不刷新数据
- 19、AngularJs知识点总结 part-1
- angularjs2学习教程
- 【angularJs】--入门实例二
- 【AngularJs】--入门实例
- AngularJS的Provider, Value, Constant, Service, Factory, Decorator的区别与详解
- AngularJS 关于ng-model和ng-bind还有{{}}