AngularJS: ng-repeat не работает

Question

В настоящее время я разрабатываю приложение SPA с использованием angularjs и MVC Web Api. Я пытаюсь заполнить сетку с помощью выборки данных из SQL Server привязки его к DataTable, а затем прохождение:

{ 
    "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

$ переменная сфера используется для связывания между тем и это контроллер, поэтому все, что объект, который вы хотите сослаться от контроллера, назначить его членом $ объема в контроллере функция

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>