javascript - AngularJS ng-重复加载状态

Question

我正在使用 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;
});

Answer 1

调用 searchByPlaceName 方法时，您可以将加载屏幕 bool 值附加到根范围，然后在成功回调中将其关闭。

html 可能看起来像

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

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