<!DOCTYPE html>
<html ng-app="myapp">
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.left,.right{
width: 49%;
border: 1px solid black;
float: left;
}
</style>
</head>
<body>
<div class="left" ng-controller="food">
<div ng-repeat="n in grade">
{{n.name}}
</div>
</div>
<div class="right"></div>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/angular1.2.3.js"></script>
<script type="text/javascript">
var myapp=angular.module("myapp",[]);
myapp.controller("food",function($scope){
$.getJSON("json/json",function(data){
$scope.grade=data;
console.log($scope.grade);
})
});
</script>
</body>
</html>
//下面的json是一个独立的json文件在json文件夹目录下
// [
// {
// "name":"张三",
// "sex":"男",
// "content":[
// {
// "subject1":[
// {
// "语文":"88",
// "数学":"85",
// "英语":"94"
// }
// ],
// "subject2":[
// {
// "语文":"78",
// "数学":"80",
// "英语":"95"
// }
// ],
// "subject3":[
// {
// "语文":"78",
// "数学":"95",
// "英语":"86"
// }
// ]
// }
// ]
// },
// {
// "name":"李四",
// "sex":"男",
// "content":[
// {
// "subject1":[
// {
// "语文":"77",
// "数学":"78",
// "英语":"84"
// }
// ],
// "subject2":[
// {
// "语文":"85",
// "数学":"76",
// "英语":"65"
// }
// ],
// "subject3":[
// {
// "语文":"78",
// "数学":"85",
// "英语":"87"
// }
// ]
// }
// ]
// }
// ]
使用JSON.parse(data)将data转成json对象