2015-10-17 127 views
1

當我通過點擊localhost:3000 /#/加載本地主機上的index.html頁面。我可以看到模板正在加載到瀏覽器的網絡選項卡中,我也可以看到控制器在控制檯中正常工作(通過日誌記錄)。 但是,該頁面保持空白。令我驚訝的是,如果我在像localhost:3000 /#/ xyz這樣的url之後追加任何內容並刷新,我可以看到整個頁面完全加載。Angular ng-repeat無法正常工作

這裏是我的路由代碼:

angular.module('myApp', ['myApp.controllers', 
    'ui.router' 
]).config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.when('', '/'); 
    $stateProvider 
    .state('app', { 
     url: '/', 
     templateUrl: 'app/dashboard.html', 
     controller: 'DashCtrl' 
    }) 
}); 

當頁面仍然空白,我可以看到模板類包裝內沒有在加載頁面。

<div class="wrap"> 
    <div ng-repeat="category in results track by $index" class="box"> 
    <a href="#/list/{{category.get('categoryName')}}"> 
    </a> 
    </div> 
</div> 
+0

嘗試點擊localhost:3000/ –

+0

routeProvider在URL中添加#/,並且需要跟蹤路由更改時的狀態。看到這個鏈接https://groups.google.com/forum/#!topic/angular/7X1xMxY2Af0 – user3871494

+1

你確定這是正確的嗎? '$ urlRouterProvider.when('','/');'? – webduvet

回答

1

如果你的數據是從一些服務來了,你可以嘗試在你的服務的成功使用$scope.$apply()回撥功能,一旦你設置你的範圍可變數據。

這會將數據綁定到您的視圖。

+0

Perfect ..數據綁定是問題所在。謝謝 :) – user3871494