angular 的 select 中 ng-options 设置默认值
在AngularJS
开发的后台web系统
中,经常需要对后台数据进行修改,而在修改数据的过程中,若页面中有select
下拉框,需要让其选中原来的数据,即select
中需要设置默认值。
默认值设置方法:
在
select
中使用ng-model
绑定数据myColor
,在对应的
controller
中定义ng-model全局数据$scope.myColor
,并为其赋值,该值即为select
的默认值。
代码如下:
angular.module('myApp',[]) .controller('MyController',['$scope'],function($scope) { $scope.colors = ['black','white','red','blue','yellow']; $scope.myColor = $scope.colors[2]; })
<div ng-controller="MyController"> <select ng-model="myColor" ng-options="color for color in colors"></select> </div>
说明: 该文档参考angular官方api