angularjs簡單的接收json資料並顯示
阿新 • • 發佈：2019-02-17
<!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>
<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>