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>
答
如果你的数据是从一些服务来了,你可以尝试在你的服务的成功使用$scope.$apply()
回拨功能,一旦你设置你的范围可变数据。
这会将数据绑定到您的视图。
+0
Perfect ..数据绑定是问题所在。谢谢 :) – user3871494
尝试点击localhost:3000/ –
routeProvider在URL中添加#/,并且需要跟踪路由更改时的状态。看到这个链接https://groups.google.com/forum/#!topic/angular/7X1xMxY2Af0 – user3871494
你确定这是正确的吗? '$ urlRouterProvider.when('','/');'? – webduvet