angularjs ng-options设置多个默认选项

2026-01-22 0 38,910

ng-options可以接收一个数组或者对象,并对它们进行循环,将内部的内容提供给select标签内部的选项。而select中需要设置默认值,是如何设置呢?其实可以使用ng-model绑定数据myColor,也可以在对应的controller中定义ng-model全局数据$scope.myColor,并为其赋值。或者双向绑定指定ng-model,设置选中的值。

ng-options的表达式格式:

<所选属性> as <标签> for <变量> in <数组>

方法一:使用ng-model绑定数据myColor。

angular.module('myApp', [])
  .controller('MyController', ['$scope'], function($scope) {
    $scope.colors = ['black', 'white', 'red', 'blue', 'yellow'];
    
    $scope.myColor = $scope.colors[2];
  })

方法二:在对应的controller中定义ng-model全局数据$scope.myColor,并为其赋值。


  

注意:赋值为select的默认值。

方法三:双向绑定指定ng-model,设置选中的值。




    select
    
    


    
        
        

欢迎来到{{mycity}}

    

以上就是小编总结的的三种angularjs ng-options设置默认值额方法,希望能对你有所帮助哦~

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:以上部本文内容由互联网用户自发贡献,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。投诉邮箱:3758217903@qq.com

ZhiUp资源网 web开发 angularjs ng-options设置多个默认选项 https://www.zhiup.top/10151.html

相关