分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

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

发布时间:2023-09-06 01:22责任编辑:董明明关键词:js

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

<!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 下拉框选中 根据后台返回值

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved