javascript - Angular ng-repeat 无法正常工作

Question

当我通过点击 localhost:3000/#/在本地主机上加载 index.html 页面时。我可以看到模板正在浏览器的网络选项卡中加载，我还可以看到 Controller 在控制台中工作正常(通过日志记录)。然而，该页面仍然是空白的。令我惊讶的是，如果我在 url 之后附加任何内容(例如 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() 。

这会将数据绑定(bind)到您的 View 。