angular 的 select 中 ng-options 设置默认值

大佬教程收集整理的这篇文章主要介绍了angular 的 select 中 ng-options 设置默认值，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

angular 的 SELEct 中 ng-options 设置默认值

在AngularJS 开发的后台web系统中，经常需要对后台数据进行修改，而在修改数据的过程中，若页面中有SELEct下拉框，需要让其选中原来的数据，即SELEct中需要设置默认值。

默认值设置方法：

1. 在SELEct中使用ng-model绑定数据@H_653_3@myColor，

2. 在对应的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

大佬总结

以上是大佬教程为你收集整理的angular 的 select 中 ng-options 设置默认值全部内容，希望文章能够帮你解决angular 的 select 中 ng-options 设置默认值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。