1：html部分
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<title>http</title>
????<script?src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
????<link?href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css"?rel="stylesheet">
</head>
<body>
????<!--?<div?ng-app="myApp"?ng-controller="myCtrl">
????????<p>{{myWelcome}}</p>
????</div>?-->
????<div?class="container"?ng-app='myapp'?ng-controller='myctrl'>
????????<div?class="panel?panel-default">
????????????<div?class="panel-body">
????????????????<table?class="table?table-striped">
????????????????????<thead>
????????????????????????<tr>
????????????????????????????<th>id</th>
????????????????????????????<th>name</th>
????????????????????????????<th>sex</th>
????????????????????????????<th>skills</th>
????????????????????????</tr>
????????????????????</thead>
????????????????????<tbody>
????????????????????????<tr?ng-repeat="(key,val)?in?data">
????????????????????????????<td>{{val.id}}</td>
????????????????????????????<td>{{val.name}}</td>
????????????????????????????<td>{{val.sex}}</td>
????????????????????????????<td>{{val.skills}}</td>
????????????????????????</tr>
????????????????????</tbody>
????????????????</table>
????????????</div>
????????</div>
????</div>????
</body>
</html>
2：js代码部分 （http.json是自己创建的一个json）
<script>
????????var?app?=?angular.module('myapp',?[]);
????????app.controller('myctrl',?function?($scope,?$http)?{
????????????$http.get("http.json").then(function?(response)?{
????????????????$scope.data?=?response.data;
????????????});
????????});
????</script>
重点：：
$http?是 AngularJS 应用中最常用的服务。 服务向服务器发送请求，应用响应服务器传送过来的数据。
ng-repeat="(key,val)?in?data" 遍历数据
图例：
?