Angular ng-repeat无法正常工作

Question

当我通过点击localhost：3000 /＃/加载本地主机上的index.html页面时。我可以看到模板正在加载到浏览器的网络选项卡中，我还可以看到控制器在控制台中正常工作（通过记录）。 但是，页面仍为空白。令我惊讶的是，如果我在网址后添加任何内容，例如localhost：3000 /＃/ xyz并刷新，我可以看到整个页面加载完美。

这是我的路由代码：

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>

Answer 1

如果您的数据来自某些服务，则在您的范围变量上设置数据后，可以尝试在服务成功回调函数中使用$scope.$apply()。

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