AngularJS - $ resource + ng-repeat问题

Question

在我的html文件中，我有下表：

<div ng-controller="InstructorCtrl">
    <table class="table table-bordered">
      <thead>
        <tr>
          <th>Title</th>
          <th>Name</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="instructor in instructors">
          <td>{{instructor.title}}</td>
          <td>{{instructor.name}}</td>
        </tr>
      </tbody>
    </table>
</div>

以下是控制器的外观：

angular.module('angularFrontendApp')
  .controller('InstructorCtrl', function ($scope, Instructor) {
    $scope.instructors = [];
    $scope.instructors = Instructor.query();
  });

注入Instructor是工厂：

angular.module('angularFrontendApp')
  .factory('Instructor', function ($resource) {
    return $resource('http://localhost:9000/api/instructor');      
  });

大多数情况下，表格渲染得很好：

但我注意到，当我重新加载页面几次时，表格有时会如此：

我认为当ng-repeat的{​​{1}}仍未解决时，$resource开始出现问题。所以我在后端方法中设置断点，返回$promise列表。执行停止时，只在页面上呈现表头。当继续执行并从服务器发送数据时，表格呈现得很好。对我来说似乎很奇怪。

Answer 1

感谢您的回答。

我仔细研究了后端调用了哪些方法。它实际上是一个罕见的服务器端问题，搞砸了路由。