<span style="font-size:18px;"><%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!doctype html>
<html lang="utf-8" ng-app>
<head>
<meta charset="utf-8">
<title></title>
<script src="./page/angular.min.js"></script>
<style>
table, th , td {
border: 1px solid grey;
border-collapse: collapse;
padding: 5px;
}
table tr:nth-child(odd) {
background-color: #f1f1f1;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
</head>
<body ng-controller="customersController">
<table>
<tr ng-repeat="x in names | orderBy : 'Country'">
<!-- $index 用于获取循环的当前索引 -->
<td>{{ $index + 1 }}</td>
<td>{{ x.Name }}</td>
<td>{{ x.Country }}</td>
</tr>
</table>
<script type="text/javascript">
function customersController($scope,$http) {
//$http.get("http://www.w3cschool.cc/try/angularjs/data/Customers_JSON.php")
$http.get("http://localhost:9090/ProjectDB/json.do")
.success(function(data) {$scope.names = data;})
.error(function(data,status,headers,config){alert(status);});
}
</script>
</body>
</html></span>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
