Angularjs 它'；在加载所有模板和数据时，可能会触发一个事件

加载所有模板和数据时，可能会触发事件。我用AngularJS制作了一个应用程序，已经完成了，但是在生产服务器上我遇到了一个问题。加载页面时，会加载并显示模板，但有时数据会在稍后出现，并在1~3秒内显示空元素（互联网连接问题、带宽、服务器负载等）

是否可能在加载所有内容（模板、数据等）时触发事件，以显示消息加载，并在触发事件时隐藏

---

我的问题是一个可以普遍应用的问题，因为一个页面可以有X个指令量，这些指令可以加载额外的数据。

[这只是部分解决方案]

有些延迟是由于加载带有

ng include

的模板造成的

在您的

.run

中，您可以使用收集所有

ng include

s，并等待它们全部完成：

app.run(function($rootScope){
   var loadingIncludeCount = 0;
   $rootScope.isLoading = function(){ return loadingIncludeCount > 0; }

   $rootScope.$on("$includeContentRequested", function(){ loadingIncludeCount ++; });
   $rootScope.$on("$includeContentLoaded",    function(){ loadingIncludeCount --; });
   $rootScope.$on("$includeContentError",     function(){ loadingIncludeCount --; });
}

这无法解决指令加载其

templateUrl

s的问题