Question

我尝试使用Firebase创建基于角色的用户访问控制，以允许在用户经过身份验证和＆管理员的情况下访问路由，并且我正在本教程中进行尝试：https://angularfirebase.com/lessons/role-based-permissions-and-authorization-with-firebase-auth/ 但我用角7 我收到语法错误 “ Observable.of（null）” 和 “ .subscribe（user => { this.user.next（user）“

我的我的AuthService：

import { Injectable } from '@angular/core';
import { User } from 'src/app/register/user';
import { AngularFireAuth } from '@angular/fire/auth';
import { map } from "rxjs/operators";
import { auth } from 'firebase';
import { Router } from "@angular/router";
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import { switchMap } from 'rxjs/operators';
//import * as firebase from 'firebase/app';
import { AngularFireDatabase } from '@angular/fire/database';
import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
import { observable } from 'rxjs/internal/symbol/observable';

@Injectable({
  providedIn: 'root'
})
export class AuthService {
  user: BehaviorSubject<User> = new BehaviorSubject(null)

  constructor(public db: AngularFireDatabase, private fire: AngularFireAuth) {

    this.fire.authState.pipe(switchMap(auth => {
      if (auth) {
        /// signed in
        return this.db.object('users/${auth.uid}')
      } else {
        /// not signed in
        return Observable.of(null)
      }
    }).subscribe(user => {
      this.user.next(user)
    }))


  }

我的用户模型：

export interface Roles {
    reqUser: boolean;
    volunteer?: boolean;
    admin?:  boolean;
  }

  export class User {
    uid: string;
    email:    string;
    username: string;
    password : string;
    roles:    Roles;
    fullname : string;

    constructor(auth) {
      this.email    = auth.email
      this.uid = auth.uid
      this.roles    = { reqUser: true }
    }
  }

Answer 1

尝试使用此return of(null)而不是return Observable.of(null)，它将解决您目前所获得的Observable.of(null)上的语法错误

对于订阅功能中的第二个错误，只需尝试以下代码

subscribe(user => this.user = user)

代替

subscribe(user => {
  this.user.next(user)
}

希望这会保存您的错误，如果没有，请提供您的错误和代码

使用Firebase的基于角色的用户访问控制

1 个答案: