显示加载图标，直到页面完全加载 AngularJS

Question

我正在尝试显示一个预加载器，直到所有网站内容都加载但我无法获得它。

这些选项中的任何一个都有效。

$(document).ready(function(){ //content load });

$(window).load(function() { //content load });

我想要一些使用 AngularJS 的方法来在加载所有图像和视频时退出预加载器。

Answer 1

您可以在主控制器或视图控制器中执行此操作， 确保将视图内容包裹在 ng-view 指令周围

<div ng-view ></div>

您也可以将上述指令用作类或元素。

$viewContentLoaded : 每次重新加载 ngView 内容时都会发出。

$scope.$on('$viewContentLoaded', function(){
  //Here you can hide your pre-loader
});

在您的视图重新加载后触发此事件。