Angular 5+AngularFire2获取Firebase用户banned值问题求助

嘿，我来帮你搞定这个问题！你原来的函数没返回内容，是因为AngularFire2的db.object()方法返回的并不是直接的banned值，而是一个AngularFireObject类型的可观察对象（Observable），你得通过正确的方式订阅它或者转换格式，才能拿到实际的封禁状态值。

下面给你两种常用的正确写法：

方式一：返回Observable让组件订阅（推荐） #

这种方式符合Angular的异步数据流理念，适合在组件中实时监听封禁状态的变化：

// 先确保你导入了必要的模块
import { AngularFireDatabase, AngularFireObject } from 'angularfire2/database';
import { Observable } from 'rxjs/Observable';

// 在你的服务类中编写函数
isBanned(): Observable<boolean> {
  // 使用valueChanges()获取节点的当前值的Observable
  return this.db.object(`users/${this.authState.uid}/banned`).valueChanges() as Observable<boolean>;
}

然后在组件里这样使用：

// 组件中调用服务方法并订阅
this.userService.isBanned().subscribe((bannedStatus: boolean) => {
  console.log('当前用户是否被封禁：', bannedStatus);
  // 在这里处理你的业务逻辑，比如根据状态显示不同内容
});

方式二：转换成Promise获取单次值 #

如果你只需要获取一次封禁状态，不需要实时监听变化，可以把Observable转换成Promise：

import { take } from 'rxjs/operators';

// 服务类中的函数
async isBanned(): Promise<boolean> {
  // take(1)只取第一个值就完成订阅，避免内存泄漏
  const bannedValue = await this.db.object(`users/${this.authState.uid}/banned`)
    .valueChanges()
    .pipe(take(1))
    .toPromise();
  
  return bannedValue as boolean;
}

然后在组件中用async/await调用：

async checkUserBanStatus() {
  const isBanned = await this.userService.isBanned();
  console.log('用户封禁状态：', isBanned);
  // 处理后续逻辑
}

几个注意点 #

• 要确保this.authState.uid是有效的，也就是用户已经完成登录，不然数据库路径会出错。
• 检查Firebase数据库的安全规则，确保当前用户有权限读取users/{uid}/banned这个节点，不然会出现权限拒绝的错误。

内容的提问来源于stack exchange，提问作者Volodymyr Humeniuk