2016-07-07 2 views
1

일부 데이터를 탭에 가져 오려고합니다. 내가 컨트롤러와 이름이 컨트롤러가 controllerAsAngularJS 데이터가 ng-route를 통해로드되지 않습니다.

여기

내 템플릿 안에있을 것이다 여기에 정의 내 컨트롤러 코드

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

있습니다 : 내 응용 프로그램은 NG-경로를 사용하기 때문에 여기 내 설정 코드

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

}]); 

공장에서 데이터를 검색합니다. window.alert가 작동하기 때문에 데이터가 컨트롤러에로드됩니다.

하지만 일부 공명은 HTML 테이블에 eventHead 테이블을 표시하려고하는 내 템플릿에 표시되는 것을 볼 수 없습니다. 내가 내려다 오전 NG-행 노선의 특정 뭔가

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

있습니까 : 여기 는 HTML입니까?

추신 : 도움이된다면 여기에 데이터가 포함 된 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 
    } 
+0

사용 this.eventList = EventListHolder.get(); – varit05

답변

0

대신 var에 이벤트 목록의

this.eventList = EventListHolder.get(); 

를 사용한다. ControllerAs 구문은 뷰 모델이 $ scope 대신 'this'객체에 바인드 될 것으로 기대합니다.

+0

트릭을 한 덕분에! –

관련 문제