Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Angular JS在不同表中解析和显示JSON_Javascript_Json_Angularjs - Fatal编程技术网

Javascript 使用Angular JS在不同表中解析和显示JSON

Javascript 使用Angular JS在不同表中解析和显示JSON,javascript,json,angularjs,Javascript,Json,Angularjs,我是新来的。 有谁能帮助我如何使用Angular JS解析和显示不同表中的Json数据吗 [ { id:0, I:错, 余额:1025.00, 图片:http://www.placekitten.com/50/50, 年龄:25岁, 姓名:黛西·麦克尼尔, 性别:女 公司名称:Verbus, 电邮:daisymcneil@verbus.com, 电话:+1936586-3983, 地址:内华达州劳雷顿市纽柯克广场849号,邮编:1086, 注册时间:2012-07-15T13:46:25+07:

我是新来的。 有谁能帮助我如何使用Angular JS解析和显示不同表中的Json数据吗 [ { id:0, I:错, 余额:1025.00, 图片:http://www.placekitten.com/50/50, 年龄:25岁, 姓名:黛西·麦克尼尔, 性别:女 公司名称:Verbus, 电邮:daisymcneil@verbus.com, 电话:+1936586-3983, 地址:内华达州劳雷顿市纽柯克广场849号,邮编:1086, 注册时间:2012-07-15T13:46:25+07:00, 朋友们:[ { id:0, 姓名:黛布拉·布莱尔 }, { id:1, 姓名:亨利·阿维拉 }, { id:2, 姓名:乔迪·斯塔克 } ], 服务:樱桃 }, { id:1, 是的, 余额:-2884.00, 图片:http://www.placekitten.com/50/50, 年龄:23,, 姓名:施罗德·阿特金森, 性别:男 公司名称:Twiggery, 电邮:schroederatkinson@twiggery.com, 电话:+1861449-2254, 地址:佛蒙特州里纳高地大道259号,邮编905, 注册时间:1998-01-17T08:16:34+08:00, 朋友们:[ { id:0, 姓名:Mendoza Figueroa }, { id:1, 姓名:莱诺尔·莫拉莱斯 }, { id:2, 姓名:维尼弗雷德·鲍文 } ], 服务:柠檬 } ]

我想在不同的表中显示每个JSON对象,并使用一个按钮在html中切换表

以上是可用的JSON数据

提前谢谢


代码的框架可在此处找到

这是index.html文件的代码-

<!doctype html>
<html>
<head>
<title>Page Title</title>
<script src="main.js"></script>
</head>
<body>
<div ng-app="MyApp">
<div ng-controller="ViewJson">

<table>
<th>
<td>id</td>
<td>isActive</td>
<td>balance</td>
<td>picture</td>
<td>age</td>
<td>name</td>  
<td>gender</td>
<td>company</td>        
<td>email</td>      
<td>phone</td>
<td>address</td>
<td>registered</td>       
<td>service</td></th>
<tr ng-repeat="post in posts">                      
<td>{{post.id}}</td>     
<td>{{post.isActive}}</td>      
<td>{{post.balance}}</td>       
<td>{{post.picture}}</td>       
<td>{{post.age}}</td>       
<td>{{post.name}}</td>      
<td>{{post.gender}}</td>        
<td>{{post.company}}</td>       
<td>{{post.email}}</td>     
<td>{{post.phone}}</td>     
<td>{{post.address}}</td>       
<td>{{post.registered}}</td>        
<td>{{post.service}}</td></tr></table>
</div>
</div>
</body>
</html>
var app=angular.module('MyApp',[]);
function ViewJson($scope, $http)
{$http({method: 'POST', url: 'js/posts.json'}).success(function(data)
    {$scope.posts = data;});
}