Json数据显示在控制台中，但不是带有Angular的HTML

Question

我正在使用一个使用Django REST API的Angular应用程序 我想在HTML中获取Json数据的表格中显示一个教室列表，但我只在控制台上获取数据。

这是代码。

base.html文件

<div ng-app="userListApp">
    <div ng-controller="UsersController">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Classroom</th>
                    <th>Academic year</th>
                    <th>Floor</th>
                </tr>
          </thead>
          <tbody>
              <tr ng-repeat="classroom in classrooms">
                  <td>{{classroom.classroom}}</td>
                  <td>{{classroom.school}}</td>
                  <td>{{classroom.academic_year}}</td>
              </tr>
          </tbody>
        </table>
    </div>
</div>

app.js

var userListApp = angular.module('userListApp', ['ngResource']);

userListApp.factory('Classroom', function($resource) {
      return $resource('/classrooms/?format=json', {}, {
          query: {
              method: 'GET',
              isArray:true,
            }
        });
    });


userListApp.controller('UsersController', function($scope, Classroom) {
  Classroom.query(function(data) {
      delete data.$promise;
      delete data.$resolved;
      $scope.classrooms = data;
      console.log(data);
      }, function(error) {
          console.log(error)
      });
    });

这就是我得到的

html中的确切行数和控制台中的数据，但HTML表中没有数据。

有什么想法吗？