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

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

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，设置选中的值。

    
    
    


    
        
        欢迎来到{{mycity}}
    

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