用户角色的AngularFire2路由守卫

我有一个角色2应用设置了路由守卫，当前正在检查用户是否登录。这工作正常，但现在我正在尝试设置另一个不仅检查用户是否已登录的路由警卫，还有他们是否是管理员用户。用户角色的AngularFire2路由守卫

这是我的时刻：

import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router'; 
import { Injectable } from '@angular/core'; 
import { Observable } from 'rxjs/Rx'; 
import { AngularFire } from 'angularfire2'; 
import { AuthService } from './auth.service'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/first'; 
import 'rxjs/add/operator/take'; 

@Injectable() 
export class AdminGuard implements CanActivate { 

    constructor(
    private af: AngularFire, 
    private authService: AuthService, 
    private router: Router 
) { 

    } 

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

    let redirectURL:string = state.url; 

    return this.af.auth.map((auth) => { 
     if (auth == null) { 
     this.authService.redirectURL = redirectURL; 
     this.router.navigate(['/login']); 
     return false; 
     } else { 

     return this.af.database.object('roles/admins/'+auth.uid, { preserveSnapshot: true }) 
      .take(1) 
      .subscribe(res => { 
      if (res.val()) { 
       console.log('is admin, return true'); 
       return true; 
      } else { 
       console.log('access denied'); 
       this.router.navigate(['/']); 
       return false; 
      } 
      }); 

     } 
    }).first(); 

    } 

}

在当我尝试去到由该保护的保护路由的那一刻，我得到的'is admin, return true'的console.log输出，但后来什么也没有发生。新路线不显示，应用程序只停留在当前页面。

有人能告诉我我哪里出错了吗？谢谢你的帮助。

来源

2016-10-14 Daniel Hutton

尝试[[first（）']（http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-first）。你也有嵌套的订阅，也许你可以重构代码... – Sasxa

先删除（）没有帮助。你将如何去重构代码？ –

明白了这个工作到底：

let redirectURL:string = state.url; 

return this.af.auth 
    .flatMap(auth => { 
    if (auth == null) { 
     return new Promise(resolve => { resolve({}) }); 
    } else { 
     return this.af.database.object(`roles/admins/${auth.uid}`); 
    } 
    }) 
    .map(data => { 
    if (data.$value) { 
     return data.$value; 
    } else { 
     // User doesn't have permission 
     this.authService.redirectURL = redirectURL; 
     this.router.navigate(['/404']); 
     return false; 
    } 
    }) 
    .first();

尚需测试，但我得到了它离开办公室前很快完成。似乎现在工作OK :)

来源

2016-10-14 16:25:00

用户角色的AngularFire2路由守卫

回答

相关问题