angularjs简单的接收json数据并显示

最新推荐文章于 2022-03-11 19:37:22 发布

你是太阳暖人心

最新推荐文章于 2022-03-11 19:37:22 发布

阅读量3.3k

点赞数 1

本文链接：https://blog.csdn.net/lxd13699/article/details/79076216

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular-/angular.js" ></script>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope,$http){
$http({
method:'get',
url:"datas.json"
})
.then(function success(result){
$scope.arr=result.data;
},
function error (){}
);
});
</script>

</head>
<body ng-app="myApp" ng-controller="myCtrl">
<center>
<table border="1" width="500px">
<tr ng-repeat=" a in arr" align="center">
<td>{{a.sname}}</td>
<td>{{a.password}}</td>
<td>{{a.age}}</td>
<td>{{a.sex}}</td>
</tr>
</table>
</center>
</body>
</html>