使用ng-repeat访问AngularJS中的JSON

时间:2015-03-14 08:29:51

标签: javascript json angularjs angularjs-ng-repeat

<table class="table table-striped" >
    <thead>
        <tr>
            <th>Number</th>
            <th>Zeroes</th>

        </tr>
    </thead>
    <tbody ng-controller="ViewData as viewAll">
        <tr ng-repeat="pop in viewAll.number">
            <td>{{pop.number}}</td>
            <td>{{pop.zeroes}}</td>

    </tbody>
</table>

我有这张表,我试图将数据输出到其中。

app.controller('ViewData', ['$http', '$scope',

    function($http,$scope) {

        $scope.viewAll = this;

        $http.get('/someurl').success(function(data) {

            $scope.viewAll.number = data;
        });
    }]);

这是我的控制器获取数据。

 {"number": {
"4": {
    "zeroes": "5"
},
"5": {
    "zeroes": "6"
},
"10": {
    "zeroes": "7"
}}

这是/ someurl给我的数据..有什么方法可以处理这个,所以我可以在桌子外面显示它。 提前感谢您给予的任何帮助!

1 个答案:

答案 0 :(得分:0)

尝试:

<table class="table table-striped" >
    <thead>
        <tr>
            <th>Number</th>
            <th>Zeroes</th>

        </tr>
    </thead>
    <tbody ng-controller="ViewData as viewAll">
        <tr ng-repeat="{key, value} in viewAll.number">
            <td>{{key}}</td>
            <td>{{value.zeroes}}</td>
    </tbody>
</table>

app.controller('ViewData', ['$http', '$scope',

    function($http,$scope) {

        var self = this;

        $http.get('/someurl').success(function(data) {

            self.number = data;
        });
    }]);