ng-repeat对象中的名称数组，但不起作用

Question

我正在控制器上传递数据，并且它正在运行。 数据作为对象数组返回。 我将数据设置在要运行ng-repeat的$ scope上。 不仅ng-repeating不起作用，而且我没有收到任何错误。 请指教。

HTML视图

<div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title" ng-repeat='state in states'>{{state.name}}</h3>
        </div>
        <div class="panel-body">
            Panel content
        </div>
    </div>

角度控制器

app.controller('rankingsCtrl', function($scope, rankingsService) { //Start Controller

    // ***********************************************
    // *************** GET LATEST DATA ***************
    // ***********************************************  
    var getAllStateRankings = function() {
        rankingsService.getStateRankingsData().then(function(data) {
            console.log("Contoller Data", data);

            $scope.states = [{
                name: data.state
            }];
        });
    };
    getAllStateRankings();

json资料

Answer 1

您可以简单地做到这一点：

$scope.states = data;

然后，以下代码段应该可以正常工作。

<h3 class="panel-title" ng-repeat='state in states'>{{state.state}}</h3>