码迷,mamicode.com
首页 > Web开发 > 详细

angular.js 下拉框选中 根据后台返回值

时间:2017-11-03 13:03:02      阅读:287      评论:0      收藏:0      [点我收藏+]

标签:app   ted   oct   mode   script   scope   doc   ini   http   

前景,根据后台返回值选中某个项

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-init="selectedName = namess" ng-model="selectedName" ng-options="x for x in names">

</select>
</div>
<script>
var app = angular.module(‘myApp‘, []);
app.controller(‘myCtrl‘, function($scope) {
// Runoob 假如后台要我们选中 Runoob
$scope.names = ["Google", "Runoob", "Taobao"];
for(var i = 0; i<$scope.names.length;i++){
if ($scope.names[i] == ‘Taobao‘){
$scope.namess = $scope.names[i] //让其初始化选中这个
}
}
});
</script>
//适合一个下拉列表的情况下,如果有多个遍历循环是思路一样
</body>
</html>

angular.js 下拉框选中 根据后台返回值

标签:app   ted   oct   mode   script   scope   doc   ini   http   

原文地址:http://www.cnblogs.com/zou1234/p/7777390.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!