在Angularjs中收到来自服务器API调用的响应后，是否有可能更改模板？

Question

我是AngularJS的新手。

我尝试了什么？

在角度，现在我使用'ngRoute'进行路由，当点击一个网址时，它会加载一个相关的模板及其控制器。因此，在获取数据之前加载模板（来自放置在控制器上的ajax调用的响应）。

在 app.js ：

            when('/categories', {
                title: 'Categories',
                templateUrl: 'templates/categories.html',
                controller: 'categoriesCtrl'
            })

            .when('category/listings_url', {
                title: 'Listings',
                cache: false,
                templateUrl: 'templates/listings.html',
                controller: 'listingsCtrl'
            })

在 category.js ：

app.controller('categoriesCtrl', function ($scope, $http, $rootScope, $location) {
$scope.categories = {};
$http.get('......./api/categories').then(function (response) {
    $scope.categories = response.data.categories;
});
  });

app.controller('listingsCtrl', function ($scope, $http, $rootScope, $location) {
$scope.listings = {};
$http.post('......./api/listings/',{category_url: category_url},{
    $scope.listings = response.data.listings;
});
});

我到底需要什么意思？

我需要在请求后更改当前页面（类别模板，数据）视图，从API调用（模板，数据）接收响应，直到需要更旧的页面。

在列表页面API调用期间，只需忽略类别页面的背景，在类别页面上显示页面加载器gif图像。

提前致谢。