В моем 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
запускается, а $promise
$resource
все еще не решена. Поэтому я установил точку останова в своем бэкэнд-методе, который возвращает список instructors
. Когда выполнение было остановлено, на странице отображался только заголовок таблицы. Когда выполнение было продолжено и данные отправлены с сервера, таблица отобразилась просто отлично. Мне кажется довольно странным.