AngularJS數據不會通過ng-route加載

Question

我想把一些數據放到一個標簽中。 我的應用程序使用ng-route，所以這是我的配置代碼：

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
  }

Answer 1

你應該使用

this.eventList = EventListHolder.get();

而不是var eventList。 ControllerAs語法要求將視圖模型綁定到'this'對象而不是$ scope。