Как дождаться загрузки основных данных до начала обработки пути?

Question

[Влад Токарев]

В app.js у меня находится примерно такой код:

vtTmModule.config(function ($routeProvider, $locationProvider, $httpProvider) {
	$routeProvider
		.when('/someUrl', {
			controller: 'SomeController'
			,templateUrl: 'someTpl.html'
			,resolve: {}
		})
		.when('/anotherUrl', {
			controller: 'AnotherController'
			,templateUrl: 'anotherTpl.html'
			,resolve: {}
		});
}).run(function ($rootScope, $routeParams, $location, UserLoader) {
	UserLoader.then(function(result) {
		$rootScope.users = result;
	});
	// Получение прочих данных с сервера через промисы
});

Соответственно, при обновлении страницы выполняется run(...), а также загрузка шаблона и контроллера для соответствующего урла. В run(...) я пытаюсь загрузить общие данные, используемые для большинства путей. Проблема в том, что эти данные иногда загружаются позже контроллеров и шаблонов, в которых они должны использоваться.
Как не допустить обработку роутинга до того, как все данные будут получены в run(...)?

Answer 1

[Сергей Протько]

1) выносим эту логику в сервис
2) храним в сервисе промис
3) используем этот промис в ресолверах

Comments

[Влад Токарев]

Сергей Протько спасибо за ответ. Если я правильно понял, вы имеете ввиду прописывать в каждом роуте параметр "resolve"?
Если да, то это не совсем подходит, т.к.:
1) мне не надо, чтобы эти данные грузились при каждом переходе по страницам, только при начальной загрузке приложения, далее они хранятся в $rootScope.
2) не хочется прописывать один и тот же код в каждом резолвере, тем более в реальном случае получаемых данных гораздо больше, чем в приведенном примере.

[Сергей Протько]

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

[Сергей Протько]

Влад Токарев: чисто теоритически мы можем через ивенты вклиниться, но именно с ngRoute не уверен.

Answer 2

[Влад Токарев]

В общем, решил следующим образом:

1. В resolve для каждого пути добавляю

,resolve: {
  /* ... */
  requiredGlobalData: function(testGlobalData) {return testGlobalData();}
}

2. В сервисы:

appNameService.factory('testGlobalData', function($q, someLoader1, someLoader2) {
	return function() {
		return $q.all([someLoader1,someLoader2]).then(function(results){});
	};
});

someLoader'ы выглядят упрощенно так:

appNameService.factory('someLoader1', function($http, $q) {
	var dataUrl = '/someUrl1/';
	return $http.get(dataUrl).then(function(response) {
		return response.data? response.data : $q.reject('Ошибка получения данных');
	}, function(err){return $q.reject(err);});
});