Отображать значок загрузки, пока страница полностью не загрузится AngularJS

Question

Я пытаюсь показать предварительный загрузчик до тех пор, пока не загрузится весь контент сайта, но я не могу его получить.

Любой из этих вариантов работает.

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

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

Мне нужен какой-то метод с AngularJS длявыйдите из preloader, когда все изображения и видео загружены.

Answer 1

Вы можете сделать это в вашем главном контроллере или контроллере вашего представления. Обязательно оберните содержимое своего представления вокруг директивы ng-view

<div ng-view ></div>

Вы можете использовать указанную выше директиву как класс илиа также элемент.

$ viewContentLoaded: создается каждый раз при перезагрузке содержимого ngView.

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

Это событие вызывается после перезагрузки вашего представления.