使用ng-repeat在json文件中显示数据

Question

我是angularjs的新手。我想使用ng-repeat在以下json文件中显示数据。

http://www.cricbuzz.com/api/match/current

但我很困惑，因为数据中有一个数字作为每个对象的关键。有人能帮助我吗？

Answer 1

这是一种基本的方法

<强> 部分

<div ng-controller="Ctrl" >
        <table>
            <thead>
                <tr>
                    <th>Id</th>
                    <th>Name</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="row in rows">                       
                    <td>#{{ row.id}}</td>
                    <td>{{ row.series.name | uppercase }}</td>
                </tr>
            </tbody>
        </table>
</div>

<强> 控制器

angular.module('app').controller('Ctrl', ['$scope', 'Resource', function ($scope, Resource) {

            var pageChanged = function () {
                $scope.myPromise = Resource.get({}, function (response) {
                  $scope.rows = response;
                });
            };

            pageChanged();

}])
.factory('Resource', ['$resource', function($resource) {
        return $resource('http://www.cricbuzz.com/api/match/current', {
        }, {
            'get': {
                method: 'GET',
                headers: {"Content-Type": "application/json"}
            }
        });
        }]);