微客导航 » 文章资讯 » angularjs select 赋值 ng-options配置方法

angularjs select 赋值 ng-options配置方法

2023-09-16 00:06:04 483

数组方式

数据是数组

$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配置方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

angularjs select 赋值 ng-options配置方法

热门推荐

随机推荐