显示加载图标，直到页面完全加载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
});

重新加载视图后会触发此事件。