AngularJS數據將不會通過NG路由加載

我想獲取一些數據到一個選項卡。我的應用程序使用NG-路線，所以這裏是我的配置代碼：AngularJS數據將不會通過NG路由加載

app.config(['$routeProvider', function($routeProvider){ 
$routeProvider 
    .when('/EventList',{ 
     templateUrl:'html/eventsList.html', 
     controller: 'eventListController', 
     controllerAs:'eventListCrtl' 
      }) 
    .otherwise({redirectTo:'/'}); 
}]);

我這裏定義控制器和名稱控制器將有我與controllerAs

這裏模板裏面是我的控制器代碼：

app.controller('eventListController',['$scope', 'EventListHolder', function($scope, EventListHolder){ 
    var eventList = EventListHolder.get(); 
    window.alert(eventList.eventHead[1].numeroDossier); 

}]);

它從工廠檢索數據。自window.alert起作用後，數據將被加載到控制器中。

但是對於一些共振，它並沒有看到在我的模板中顯示，我試圖在HTML表中顯示eventHead表。下面是HTML：

<div align="center"> 
      <div class="container-fluid"> 
       <header> 
        <h1>Event List</h1> 
       </header> 
      </div> 

      <table class="row-spacer40 table-fill" > 
       <thead> 
        <tr> 

         <th class="text-left">Numero</th> 
         <th class="text-left">Dossier/Client</th> 
         <th class="text-left">Lieu</th> 


        </tr> 
       </thead> 

       <tr ng-repeat="event in eventListCrtl.eventList.eventHead"> 
        <td> <a href="/EventDetail">{{event.numeroDossier}}</a> 
        </td> 
        <td>{{event.designationDossier}}<br>{{event.nomClient}} 
        </td> 
        <td>{{event.adresse}} 
        </td> 
       </tr> 
      </table> 
</div>

是否有特定的，我俯瞰NG-航線的東西嗎？

PS：如果有幫助，這裏是包含數據的JSON。（如果你想要我的數據結構的一個明確的定義。）

{ 
"eventHead": [ 
    { 
     "numeroDossier": 96549, 
     "designationDossier": "TECHNIQUE MARIAGE ", 
     "nomClient": "Olivia John & Donovan Hamlet", 
     "adresse": "ABBAYE DES VAUX DE CERNAY" 
    }, 
    { 
     "numeroDossier": 98986, 
     "designationDossier": "TOURNEE FDJ OLA", 
     "nomClient": "LA FRANCAISE DES JEUX", 
     "adresse": "MAGNUM" 
    } 
], 
"success": true 
    }

來源

2016-07-07 Grégoire Sion

use this.eventList = EventListHolder.get（）; – varit05

您應該使用

this.eventList = EventListHolder.get();

，而不是VAR EVENTLIST。 ControllerAs語法期望您的視圖模型綁定到「this」對象而不是$ scope。

來源

2016-07-07 10:02:06

謝謝你做到了！ –

AngularJS數據將不會通過NG路由加載

回答

相關問題