我有一个大的html页面,其中的表格和表格是以角度形式构建的。
JS包括加载其他包含的模板,加载外部JS文件和聚合数据以及格式化大型html表,这很好。
但是......只是有这个时间差来显示最后一页。我不介意慢下来。只有我不想看到冻结的屏幕。
我试过了:
angular element document.ready
angular element window.load
$timeout(fn, 0)
data-ng-init
$scope.$on('$viewContentLoaded',fn)
$transitions (wrong idea)
他们都无法触发任何事件来告诉我页面已完成加载。或者它应该被称为"解压缩"?因为看起来Dom和Data都在内存中,所以它没有显示出来。
如果我拆开ng-include并手工插入重复的列(相当噩梦),我可以看到页面有点显示在一些不完整的形状中,很快,冻结,表单元素仍然需要时间来完全加载。然后热潮!它加载。
我正在考虑使用$ interval来检测页面上显示的一些隐藏元素,以显示页面完成加载的一些证据。但这只是感觉不对。
我是否达到了某种HTML渲染限制?我的表大约有1500行和20列,带有输入和选择元素。
angular.element(document).ready(function() {
console.log("angular.element(document).ready");
});
$scope.$on('$viewContentLoaded', function() {
console.log("view content loaded");
});
angular.element(window).bind('load', function() {
console.log("angular element window.load");
});
$window.onload = function() {
console.log("window.noload");
};
输出
view content loaded
angular element window.load
window.noload
angular.element(document).ready