• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

angularjs select 赋值 ng-options配置方法

angularjs 搞代码 4年前 (2021-12-31) 22次浏览 已收录 0个评论

下面小编就为大家分享一篇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"} };

angularjs ng-options官方API

数组类型:

 label for value in array select as label for value in array label group by group for value in array select as label group by group for value in array track by trackexpr

对象类型:

 label for (key , value) in object select as label for (key , value) in object label group by group for (key, value) in object select as label group by group for (key, value) in ob 

以上就是angularj来源gao.dai.ma.com搞@代*码网s select 赋值 ng-options配置方法的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:angularjs select 赋值 ng-options配置方法

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址