angularjs select 赋值 ng-options配置方法
数组方式
数据是数组
$scope.years=[2014,2015,2016];
页面元素
设置默认值
如果需要设置默认的选项,可以先设置一个参数:
$scope.item=2016; $scope.years=[2014,2015,2016];
对象数组方式
数据是对象数组
$scope.sites=[ {site:"baidu",url:"https://www.baidu.com"}, {site:"163",url:"http://www.163.com"}, {site:"sina",url:"http://www.sina.com"} ];
页面元素
设置默认值
如果需要设置默认的选项,可以先设置一个参数:
$scope.site="163"; $scope.sites=[ {site:"baidu",url:"https://www.baidu.com"}, {site:"163",url:"http://www.163.com"}, {site:"sina",url:"http://www.sina.com"} ];
Key-Vules对象数组方式
数据是对象数组
$scope.cars={ car1:{brand:"BYD",model:"Y50",color:"red"}, car2:{brand:"CC",model:"HF",color:"white"}, car3:{brand:"JL",model:"JL10D",color:"black"} };
页面元素
设置默认值
如果需要设置默认的选项,可以先设置一个参数:
$scope.site="BYD"; $scope.cars={ car1:{brand:"BYD",model:"Y50",color:"red"}, car2:{brand:"CC",model:"HF",color:"white"}, car3:{brand:"JL",model:"JL10D",color:"black"} };
angularjsng-options官方API
数组类型:
labelforvalueinarray selectaslabelforvalueinarray labelgroupbygroupforvalueinarray selectaslabelgroupbygroupforvalueinarraytrackbytrackexpr
对象类型:
labelfor(key,value)inobject selectaslabelfor(key,value)inobject labelgroupbygroupfor(key,value)inobject selectaslabelgroupbygroupfor(key,value)inob
以上这篇angularjsselect赋值ng-options配置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。