使用 JSonfile 在 Table 中绑定新数组

Question

请问table Event AccountShop, Place 和Activity 下面的"totals array" 怎么显示？此代码有效，但我确实无法在 table.

下方的 Json" 中插入 "total" 值

table.html

    <!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>

</head>
<body ng-controller="tableCtrl">
<table border="5">
    <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>
     {{member.AccountShop.id}}<br>
     {{member.AccountShop.name}}<br>
     {{member.AccountShop.short_code}}<br>
     </td>
  <div ng-repeat="Place in member.Place">
      {{Place.id}}<br>
      {{Place.name}}<br>
      {{Place.lk_country_code}}<br>
      </div>
      </td>
 <td>
      <div ng-repeat="Activity in member.Activity">
      {{Activity.id}}<br>
      {{Activity.short_description}}
      </div>

      </td>
      </tr>

      <th>Total</th>

      <td>
      <div ng-repeat="total members.totals">

      {{totals.totals.page}}
      {{totals.current}}
      {{totals.count}}
      {{totals.prevPage}}
      {{totals.nextPage}}
           {{totals.pageCount}}
            {{totals.order}}
             {{totals.limit}}
              {{totals.options}}
               {{totals.paramType}}

 </table>
 </body>
 </html>

Table.json

    {
    "events": [
        {
            "Event": {
                "id": "59",
                "account_id": "1",
                "shop_id": "1",

            },
            "AccountShop": {
                "id": "1",
                "name": "Gill Divers Pte Ltd",
                "short_code": "GILL"
            },
            "Place": [
                {
                    "id": "537",
                    "name": "Pulau Dayang",
                    "lk_country_code": "MY"
                }
            ],
            "Activity": [
                {
                    "id": "4011",
                    "short_description": "sample\r\n"
                },
                {
                    "id": "106",
                    "short_description": "sample\r\n \r\n"
                },
                {
                    "id": "1027",
                    "short_description": "sample\r\n"
                }
            ]
        }
    ],
    "totals": [],
    "paging": {
        "page": 1,
        "current": 50,
        "count": 3621,
        "prevPage": false,
        "nextPage": true,
        "pageCount": 73,
        "order": [],
        "limit": 50,
        "options": [],
        "paramType": "querystring"
    }
}

Answer 1

您的 ng-repeat 中缺少 in。尝试：

<div ng-repeat="total in members.totals">

并且您的总计数组为空：

"totals": []

但我认为你真正的问题是你试图访问错误的属性而正确的属性甚至在 $scope.members

上都不可用

myTable.controller('tableCtrl', function($scope, $http) {

  $http.get("Table.json").success(function(response) {
    debugger
    $scope.members = response.events;
    // you need the paging property which isn't in the events array
    $scope.totals = response.paging;

  });

});

使用 JSonfile 在 Table 中绑定新数组

Binding new Array in a Table using JSonfile

binding

parsing

json

html-table

angularjs