當我通過點擊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>
嘗試點擊localhost:3000/ –
routeProvider在URL中添加#/,並且需要跟蹤路由更改時的狀態。看到這個鏈接https://groups.google.com/forum/#!topic/angular/7X1xMxY2Af0 – user3871494
你確定這是正確的嗎? '$ urlRouterProvider.when('','/');'? – webduvet