Angular Loading Bar
Искал для своего проекта похожее, и остановился на этом. Показывает полоску с прогресс-баром наверху страницы (как мобильные браузеры или Тостер)
Если обязательно скрыть какие-то элементы - используйте ng-hide, здесь подробнее:
www.code-hound.com/add-a-preloader-to-your-website...
Можно использовать в контроллере ангуляровский аналог
angular.element(document).ready(function () { $scope.isReady = true }
Однако в доках написано, что все контроллеры в любом случае инициализируются уже после DOMContentLoaded:
https://docs.angularjs.org/guide/bootstrap так что можно попробовать сразу прописать в контроллере
$scope.isReady = true
и повесить на блок с прелоадером директиву
ng-hide=isReady, которая сработает сразу после инициализации контроллера.
