Разбор / связывание файла JSon в таблицу с помощью Angular
Как я могу связать Place And Activity под Json? Я анализирую Event и AccountShop, используя таблицу, и она запускается. Я думаю это из-за разделителя в Place и Activiy? Может ли кто-нибудь помочь или есть предложение здесь или совет, чтобы вывести меня из кода.
table.htm
<!DOCTYPE html>
<html ng-app="myTable">
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
<script type="text/javascript">
var myTable=angular.module('myTable',[]);
myTable.controller('tableCtrl',function($scope,$http){
$http.get("Table.json").success(function(response){
$scope.members=response.events;
});
});
</script>
<style type="text/css">
table, th, td{
border: 2px sol grey;
border-collapse: collapse;
padding: 4px;
font-family: arial;
}
table tr:nth-child(odd){
background-color: #00BFFF;
}
table tr:nth-child(even){
background-color: #808080;
}
</style>
</head>
<body ng-controller="tableCtrl">
<table border="1">
<tr>
<th>Event</th>
<th>Account Shop</th>
<th>Place</th>
<th>Activity</th>
</tr>
<tr ng-repeat="member in members">
<td>{{member.Event.id}}<br>
{{member.Event.account_id}}<br>
{{member.Event.shop_id}}<br>
<td ng-repeat="member in members">
{{member.AccountShop.id}}<br>
{{member.AccountShop.name}}<br>
{{member.AccountShop.short_code}}<br>
</td>
<tr ng-repeat="member in members">
{{member.Place.id}}
{{member.Place.name}}
{{member.Place.lk_country_code}}
</table>
</body>
</html>
Table.json
{
"events": [
{
"Event": {
"id": "59",
"account_id": "12",
"shop_id": "12",
},
"AccountShop": {
"id": "1",
"name": "Sample",
"short_code": "SampleL"
},
"Places": [
{
"id": "537",
"name": "Sample",
"lk_country_code": "MY"
}
],
"Activities": [
{
"id": "4011",
"short_description": "Sample\r\n"
},
{
"id": "106",
"short_description": "Sample\r\n \r\n"
},
{
"id": "1027",
"short_description": "Sample\r\n"
}
]
}
]
}