Angularjs 加载ng view时,显示ajax gif指示器的最佳方式是什么?

Angularjs 加载ng view时,显示ajax gif指示器的最佳方式是什么?,angularjs,Angularjs,我已经这样定义了ng视图 <div ng-view></div> 只有当上面配置的路由器的ajax被调用时,对某些人来说,什么才是最好的方法?为什么在这个巨大的angularJS库中,当内容加载到ng视图中时,没有简单的解决方案来显示ajax指示器。。。 这是我的方法 $scope.isViewLoading = false; $scope.$on('$routeChangeStart', function(a,b,c) { if(b.$$route.templ

我已经这样定义了ng视图

<div ng-view></div>
只有当上面配置的路由器的ajax被调用时,对某些人来说,什么才是最好的方法?为什么在这个巨大的angularJS库中,当内容加载到ng视图中时,没有简单的解决方案来显示ajax指示器。。。 这是我的方法

$scope.isViewLoading = false;
$scope.$on('$routeChangeStart', function(a,b,c) {
    if(b.$$route.templateUrl)
        $scope.isViewLoading = true;
});
$scope.$on('$routeChangeSuccess', function(a,b,c) {
    if(b.$$route.templateUrl)
        $scope.isViewLoading = false;
});
和html

<div class="ajax-ngview" ng-show="isViewLoading"></div>
<div ng-hide="isViewLoading" ng-view></div>

创建一个
ng视图如何加载
attribute指令?该指令将检查
ng视图
中是否存在子类,并应用
.loading
类,直到它确实有子类为止。可能
.loading
类将div的
背景图像设置为
loading.gif
<div class="ajax-ngview" ng-show="isViewLoading"></div>
<div ng-hide="isViewLoading" ng-view></div>