当加载所有模板和数据时,它可能会触发事件。我有一个使用AngularJS的应用程序,完成它但在生产服务器上我有一个问题。加载页面时,模板会被加载并显示,但有时候数据会更晚出现并显示元素空白1到3秒(互联网连接问题,带宽,服务器负载等)。
当加载所有内容(模板,数据等)以显示消息加载时触发事件并在事件被触发时隐藏它可能触发事件?
我的问题通常可以应用,因为页面可以有X量的指令,这些可以加载其他数据
答案 0 :(得分:0)
[这只是部分解决方案]
部分延迟是由于模板加载ng-include
。
在.run
中,您可以收集所有ng-include
并等待所有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
这不会解决加载{{1}}的指令。