AngularJS：ng-repeat 不起作用

Question

我目前正在使用 angularjs 和 MVC Web Api 开发一个 SPA 应用程序。我试图通过从 SQL Server 中获取数据并将其绑定到数据表然后传递来填充网格：

{ 
  "countryID":null,
  "countryCode":null,
  "countryName":null,
  "currencyCode":null,
  "currencyName":null,
  "currencyDecimals":null,
  "timeZone":null,
  "countries":[],
  "returnStatus":true,
  "returnMessage":["success"],
  "validationErrors":{},
  "totalPages":0,
  "totalRows":0
  "isAuthenicated":false,
  "sortExpression":0,
  "sortDirection":3,
  "currentPageNumber":0,
  "totalPageCount":0,
  "dtMain": [
    {"countryID":1},
    {"countryID":2},
    {"countryID":3},
    {"countryID":4},
    {"countryID":5},
    {"countryID":7} ]
}

我可以访问所有其他属性，但不能访问 dtMain。我的 HTML 如下：

<pre>
  <div class="section-box" ng-controller="countryGridController as vm" 
    ng-init="vm.initializeController()"> 
      {{vm.sortDirection}}
      <div data-ng-repeat="obj in vm.dtMain">
          {{obj.countryID}}
      </div>
  </div>
</pre>

Answer 1

$scope 变量用于绑定视图和它的控制器，因此无论您想从控制器中引用什么对象，都将其分配给控制器函数中的 $scope 成员

    function countryGridController(){
        $scope.vm= { 
            "countryID":null,
            "countryCode":null,
            "countryName":null,
            "currencyCode":null,
            //and so on
        };
    }

在视图中

 <pre>
  <div class="section-box" ng-controller="countryGridController"> 
      {{vm.sortDirection}}
      <div data-ng-repeat="obj in vm.dtMain">
          {{obj.countryID}}
      </div>
  </div>
</pre>