Javascript 角度重复加载状态

我使用AngularJS，使用ng repeat来呈现属性列表列表，这些列表是通过json获取的。我还对列表进行分页，因此当您单击第2页（例如）时，应用程序会进行JSON调用，获取新的列表数据，然后通过ng repeat重新呈现

我的问题是，当ng repeat重新加载/重新加载时，如何捕获，以便显示加载gif

$scope.listings = [ { 'title':'listing 1' },{ 'title':'listing 2' }, etc.. ]; 

<div class="listing" ng-repeat="listing in listings">
     <img src="{{listing.img_url}}" />
     {{listing.title}}
</div>

// Listings are updated like this: 
//-------------------------------------------------------
jsonService.searchByPlaceName().success(function(data) {
     $scope.listings = data.response.listings;
});

$scope.listings=[{'title'：'listing 1'}，{'title'：'listing 2'}，等等]；
{{listing.title}
//列表更新如下：
//-------------------------------------------------------
jsonService.searchByPlaceName（）.success（函数（数据）{
$scope.listings=data.response.listings；
});

调用searchByPlaceName方法时，可以将加载屏幕布尔值附加到rootscope，然后在成功回调中将其关闭

html可能看起来像

<div class="loading" ng-if="loading">

---

其中，加载布尔值在searchByPlaceName方法中设置为true，并在成功时关闭。

调用searchByPlaceName方法时，可以将加载屏幕布尔值附加到rootscope，然后在成功回调中将其关闭

html可能看起来像

<div class="loading" ng-if="loading">

---

其中，加载布尔值在searchByPlaceName方法中设置为true，并在成功时关闭。

似乎没有检测到任何内容。重新加载

$scope.listings时，您可以自己控制代码。因此，在执行此操作之前，请显示gif，一旦调用了
success
回调，请删除gif。您可以在repeat元素上放置一个指令，向元素添加一个图像，然后检测何时对足够多的图像调用了“load”函数。只是一个想法！似乎没有什么可侦测的。重新加载
$scope.listings时，您可以自己控制代码。因此，在执行此操作之前，请显示gif，一旦调用了
success
回调，请删除gif。您可以在repeat元素上放置一个指令，向元素添加一个图像，然后检测何时对足够多的图像调用了“load”函数。只是一个想法！