Angular ng-repeat无法正常工作

Angular ng-repeat无法正常工作

问题描述:

当我通过点击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

如果你的数据是从一些服务来了,你可以尝试在你的服务的成功使用$scope.$apply()回拨功能,一旦你设置你的范围可变数据。

这会将数据绑定到您的视图。

+0

Perfect ..数据绑定是问题所在。谢谢 :) – user3871494