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

Question

[Роман Огарков]

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

Answer 1

[Николай]

Лучше всего для этого подойдет resolve в роутере.
Второй вариант - грузить данные и после этого бутстраппить ангуляр руками.

Comments

[Роман Огарков]

Второй вариант

[Mikhail Osher]

+1 2nd case

[Роман Огарков]

Сделал
// Загружаем данные с сервера
$.ajax('/page/'+ID).success(function (data) {
angular.module('app.data', []).constant('templateData', data);
ng.bootstrap(document, ['app', 'app.data']);
});

Answer 2

[Дмитрий Арушанов]

Получать данные в resolve ?

Answer 3

[werevolff]

А оно надо? Делаем в контроллере $scope.dataReady = false. Основной контейнер в HTML ng-show="dataReady". После загрузки данных, переключаем $scope.dataReady. Вешаем

$scope.$watch('dataReady', function(newVal, oldVal) {
    if (newVal && !oldVal) {
       // А тут всё, что должно выполниться после загрузки данных. Но лучше вызвать отсюда сигнал.
    }
})