ng-重复对象中的一组名称，但不起作用

Question

我在控制器上传递数据并且正在运行。数据作为对象数组返回。我将数据设置在$ scope上，我想在其上运行ng-repeat。不仅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>