Angular firebase 5 获取数据值答案

【问题标题】：Angular firebase 5 get data valueAngular firebase 5 获取数据值
【发布时间】：2018-02-17 17:02:39
【问题描述】：

我是 angularJS 和 firebase 的新手。最近我在做一个项目，我尝试在用户登录后，用户可以为自己选择一个用户名。问题是我阅读的教程是基于 firebase 4 的。随着 firebase 5 发生了一些变化。不起作用的功能是检查用户名在 AuthService.ts 中它看起来像：

checkUsername(username: string){
    username = username.toLowerCase()
    return this.db.object(`usernames/${username}`)
}

基于 Firebase4 的 component.ts 看起来像

checkUsername(){

  this.authService.checkUsername(this.usernameText).subscribe(username =>{
  this.usernameAvaliable = !username.$value
})}

但是，.subscribe 在 firebase 5 中不再存在。我查找了一些解决方案，例如在订阅之前添加 valueChanged。但它仍然无法正常工作。

主函数从firebase获取用户名数据值并检查是否有相同的用户名。

有人知道我应该做什么样的改变吗？

【问题讨论】：

标签： angular firebase

【解决方案1】：

我不能评论，所以请把我的回答作为评论。

您能否创建一个 Plunker 并将其链接，以便给我更多代码以查看？

无论如何，这是 upgrade from AngularFire 4 to AngularFire 5 的官方指南，如果您的问题出在其中一件事上，您可以通过按照他们的说明解决。如果不是，则问题可能出在其他地方。

【讨论】：