AngularJS的select设置默认值

最新推荐文章于 2020-11-19 17:14:07 发布

chongxun7037

最新推荐文章于 2020-11-19 17:14:07 发布

阅读量258

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/3101544/blog/1142875

版权

在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现

<!DOCTYPE html>

</head> <body ng-app="noteApp" ng-controller="noteCtrl"> <select ng-options="act.id as act.name for act in typeList" ng-model="ZNoteVo.type"></select>

</body> <script type="text/javascript"> angular.module("noteApp", []).controller("noteCtrl", function($scope) { $scope.typeList = [ { id : '01', name : "任务" }, { id : '02', name : "日志" }, { id : '03', name : "会议" }, { id : '04', name : "学习" }, { id : '05', name : "总结" }, { id : '99', name : "其他" } ]; $scope.ZNoteVo={}; $scope.ZNoteVo.type = "03"; }); </script> </html> 当我们选择类型是03时则默认是会议 ![输入图片说明](https://static.oschina.net/uploads/img/201707/03162339_D2LP.png "在这里输入图片标题")

转载于:https://my.oschina.net/u/3101544/blog/1142875