AngularJS ng-repeat加载状态

AngularJS ng-repeat loading state

本文关键字：状态 加载 ng-repeat AngularJS      更新时间：2023-09-26

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

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

html可能看起来像

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

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

相关文章：