1

Есть функция в сервисе, которая возвращает Observable объект

getRights(callback) {
    let headers = new Headers();
    let rights;
    this.loadToken();
    headers.append('Authorization', this.authToken);
    headers.append('Content-Type', 'application/json');
    return this.http.get(this.API + 'users/profile', {headers: headers}).map(res => res.json().user.rights);
},

далее в guard компоненте необходимо вернуть значение исходя из полученного значения через метод getRights() (true или false).
Так вот в чём проблема - вызов return срабатывает до того как приходит ответ от getRights().

canActivate() {
    let result;
    this.authService.getRights().subscribe( data => result = data);
    if(result == 0) return true;
    else return false;
}

Пробовал решить это с помощью callback, но ничего не вышло, значение всё так же приходит позднее чем нужно. Буду благодарен за любую помощь

3 ответа 3

2

Не верен подход к реализации метода canActivate. Если смотреть справку

Сигнатура у функции следующая:

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) : Observable<boolean>|Promise<boolean>|boolean

Отсюда видно, что кроме непосредственно boolean она может возвращать Promise либо Observable.

Поэтому в случае в вопросе метод должен был иметь следующий вид:

canActivate() {
    return this.authService.getRights();
}

При условии что getRights вернет Observable<boolean> или Promise<boolean>

3
  • Не совсем понимаю что я с этим могу сделать. В итоге мне надо получить численное значения, которое указывает давать доступ для пользователя или нет. 13 мар 2017 в 15:25
  • @PierreDaque, все очень просто, достаточно сделать, чтобы твой Observable возвращал boolean. Это значение будет показывать - дать доступ или нет. Если для этого тебе надо сделать какое-то сравнение, то сделай это в методе map, так же как сейчас в методе map ты получаешь сами права
    – Grundy
    13 мар 2017 в 15:48
  • Спасибо! Всё работает. 13 мар 2017 в 17:22
0
canActivate() {
    let result;
    this.authService.getRights()
        .subscribe(data => {
            if(data == 0) return true;
            else return false;
        }), Error => alert(Error);

}
4
  • две строки условия можно заменить на data==0
    – Grundy
    13 мар 2017 в 15:16
  • Это не работает, так как вызов return должен быть в canActivate 13 мар 2017 в 15:19
  • Этот фрагмент кода только показывает, как дождаться ответа от сервера.
    – EvUd
    13 мар 2017 в 15:25
  • Пожалуйста, добавьте в ваш ответ описание кода, чтобы пользователям было легче его понять. Для редактирования ответа, нажмите Править. Так же можете ознакомиться с советами о том, как написать хороший ответ. - Из очереди проверок
    – Yuri
    13 мар 2017 в 18:35
0

Реализация дальнейшей логики должна происходить в подписчике

Так как запрос выполняется асинхронно, вы должны дождаться когда он выполнится, а выполнится он у Вас когда отработает subscribe, соответственно все дальнейшая логика должна быть в этом методе.

9
  • у тебя куда-то не туда ссылка ведет, в указанном файле нет метода canActivate. Ну и старайся, чтобы ответ не заключался только в ссылке
    – Grundy
    13 мар 2017 в 15:17
  • @Grundy да уже увидел, долго не обновлял потому что сообщение редактировал 13 мар 2017 в 15:20
  • Но у тебя ссылка все еще на auth.component.ts а там нет метода canActivate
    – Grundy
    13 мар 2017 в 15:23
  • @Grundy у меня по аналогии была getData сделана. Сейчас обновлю гит 13 мар 2017 в 15:29
  • @Grundy обновил репозиторий 13 мар 2017 в 15:43

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.