AngularJS. Как реализовать ожидание завершения promis-ов?

Question

[Artur Aralin]

Всем привет! В чем собственно проблема: У меня есть метод User.hasRole(string), есть запрос к серверу на получение данных о юзере

var self = this;
this.userData = null;
$q.all(Auth.currentUser()) /* Внутри происходит запрос */
    .then(function(currentUser) {
      self.userData = currentUser;
      self.isAuth = true;
    },function(error) {
      self.userData = null;
      self.isAuth = false;
    });

В одном из контроллеров я в $scope передаю метод hasRole() и использую его так

<li ng-if="hasRole('user')">
...
</li>

и все бы хорошо, но angular ругается на то, что свойство User.userData == null.

Вопрос: как сделать чтобы метод hasRole ожидал завершения промисов?

Answer 1

[_ _]

Выложите полностью код сервиса и пример использования hasRole.
Для app-wide данных, которые по-идее должны быть предзагружены при старте приложения я бы использовал angular deferred bootstrap модуль.

Comments

[Artur Aralin]

Код - pastebin.com/E6WheGmN
Angular deffered bootstrap - это внешний модуль?
А если нельзя получить данные зарание, например если пользователь бродил по сайту, а потом решил авторизироваться?

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

@ArturAralin тогда это не заранее (не при инициализации приложения) и все хорошо. Просто по вашему вопросу не понятно что у вас не работает и как должно быть.

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

@ArturAralin и да, у вас как-то странно используются промисы. В частности не возвращатся значения когда нужно, какие-то калбэки, в обработки ошибок не выкидывается rejected (а значит зареджекченое становится заресолвленным). Ну и т.д.

[Artur Aralin]

@Fesor должно быть так:
1. Юзер заходит на сайт(User.userData == null по дефолту)
2. Юзер авторизуется (На этом моменте начинается загрузка юзер данных и в шаблоне проверяется ng-if="hasRole('someRole')" )
На этом моменте метод hasRole ругается что userData == null

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

@ArturAralin https://github.com/angular-ui/ui-router/wiki#resolve

[Artur Aralin]

@Fesor но у меня загрузка юзер данных происходит, когда страница уже загружена

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

@ArturAralin соорудите пример на plnkr.co

Answer 2

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

Я может не правильно понимаю суть проблемы, но мне кажется что вы хотите что бы вьюшка отображалась только после подгрузки данных. В этом случае можно применить ресолвы контроллера (если у вас используется ngRoute/uiRouter).

Так же не понятно почему используете $q.all когда там один промис всего. Ну мол $q.all ожидает массив и в аргументы будет передавать массив

Auth.currentUser().then(function(currentUser) {
    self.currentUser = currentUser;
});

Comments

[Artur Aralin]

Сервис User подгружается через ресолвы, но пользователь заходит на сайт не авторизованным (User.userData == null), а когда я авторизуюсь то в шаблоне есть ng-if="hasRole('user')" и этот метод кидает ошибку, потому что юзер данные не загружены ещё

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

@ArturAralin ну так загружайте их в ресолвах контроллера, у вас же ui router, можно сделать фронт-контроллер для всего приложения, базовое состояние, и для него сделать ресолв глобального состояния. Тогда никакие шаблоны и контроллеры других состояний не будут инициализироваться пока не загрузятся данные.