升级到 AngularFire 5.0

2023-12-19

我正在使用 ionic 3 和 firebase。

到目前为止,我使用 angularfire 4.0,以下代码为我提供了来自 firebase 的数据的可观察值:

  obsToData: FirebaseObjectObservable<any>;

  constructor(public nav: NavController, public shared: SharedProvider, 
              public DB: AngularFireDatabase) {

              this.obsToData = DB.object('/myData');
  }

现在,根据this https://github.com/angular/angularfire2/blob/master/docs/version-5-upgrade.md page FirebaseObjectObservable已删除,我需要使用AngularFireObject相反,我怎样才能获取数据?

我做了以下更改:

obsToData: AngularFireObject<any>;

  constructor(public nav: NavController, public shared: SharedProvider,
              public DB: AngularFireDatabase) {

              this.obsToData = DB.object('/myData');
  }

但我没有找到如何从这个新对象获取可观察到的数据到 firebase 的数据的方法。

有人成功使用AngularFire 5.0吗?


你需要使用valueChanges() https://github.com/angular/angularfire2/blob/master/docs/rtdb/objects.md#create-an-object-binding从 AngularFireDatabase 对象引用获取 Observable。

obsRef: AngularFireObject<any>;
obsToData: Observable<any>;

  constructor(public nav: NavController, public shared: SharedProvider,
              public DB: AngularFireDatabase) {

              this.obsRef = DB.object('/myData');//reference
              this.obsToData = this.obsRef.valueChanges();//Observable
  }

EDIT获取数据并保存它,像任何可观察的一样订阅

  this.obsToData.subscribe(data=>{
       console.log(data);
  },error=>{
       console.log(error);
  })
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

升级到 AngularFire 5.0 的相关文章

随机推荐

  • 更新 Windows 窗体中的 UI 对象

    在 net 之前 我使用 MFC ON UPDATE COMMAND UI 和 CCmdUI 类来更新 Windows UI 的状态 来自较旧的 MFC Win32 参考 通常 菜单项和工具栏按钮具有不止一种状态 为了 例如 菜单项呈灰色
  • C# 位图中的内存泄漏

    我的应用程序中出现了内存泄漏 如果我查看任务管理器 每次触发此进程时 RAM 内存都会增加 300 MB Bitmap bmp1 new Bitmap 2480 3508 panel1 DrawToBitmap bmp1 new Recta
  • window.pixelRatio 在 Opera 中不起作用。还有其他选择吗?

    我一直致力于让我们的 CMS 导出适用于移动设备的有效内容 我们遇到的问题之一是较新的设备 例如 iphone4 具有更高分辨率的显示屏 因此我们需要找到一种方法在使用 300dpi 显示屏的旧设备和较新设备上正确呈现同一页面 到目前为止
  • AppDomain 等待异步任务防止 SerializationException

    我有一个 Windows 服务 它在运行时加载另一个 AppDomain 中的程序集 然后它执行它们并最终卸载AppDomain 问题是插件的执行方法是异步任务 并且我收到 SerializationException 因为任务不是从 Ma
  • 水豚选择(“单选按钮”)不起作用

    我的观点快照 div class form group div 然而 在我的 Rspec 集成测试文件 spec requests requests spec rb 上 当我编写时 请注
  • 使用 awk 删除空格

    我有一个以下格式的文件 Firstname LastName 123 4567 Job Title Firstname LastName 123 4567 Job Title Firstname LastName 123 4567 Job
  • 如何从其 Win32 句柄获取 System.Windows.Form 实例?

    以下代码实现了一个简单的单例 确保我的应用程序只能运行 1 个实例 但是 如果启动另一个实例 我需要能够获取该实例的命令行参数 将它们传递给初始实例 然后终止第二个实例 当我尝试获取应用程序的第一个实例时 问题就出现了 一旦我找到了该实例的
  • VSTS 查找两个版本之间的工作项

    要比较当前版本和先前版本之间的相关工作项 我可以使用以下内容 是否可以创建查询来获取两个版本之间的相同工作项 或者也可以使用 VSTS Rest API 我这样做的原因是创建一个功能 gt 故事 gt 任务列表来填充发行说明 使用上面的 U
  • SmartGWT:隐藏分组网格中的列(这使得组)

    我有一个 SmartGWT 网格 我想在其中显示来自 JBoss Server 的一些数据 它按我从 JSON 获取的一个文本字段进行分组 所以 但我希望这个文本字段只出现在每个组的标题中 当我在这个字段上执行 hide Field 时 我
  • 在 WPF 的代码隐藏中为 ListBox 创建 ItemTemplate

    我正在尝试以编程方式为列表框创建 ItemTemplate 但它不起作用 我知道在 XAML 中我可以有类似的东西
  • 使用 DynDNS 和 WebRequest C# 获取公共 IP

    我使用此代码来获取公共IP地址 感谢这篇文章如何获取运行 C 应用程序的服务器的 IP 地址 https stackoverflow com questions 1069103 how to get my own ip address in
  • 通过curl连接youtube?

    我已经通过curl连接youtube从我的服务器上传视频 以下是我的代码
  • Mat-Table :将一行滚动到角度 2 的视图中

    使用角度材料垫表时是否可以将特定数据行滚动到视图中cdk table 我正在尝试实现键盘滚动 但没有成功 我现在已经可以使用了 不完美但有效 请参阅我之前的消息中提到的堆栈闪电战示例 https stackblitz com edit me
  • AVFoundation,如何在captureStillImageAsynchronouslyFromConnection时关闭快门声音?

    我正在尝试在相机实时预览期间捕获图像 由 AVFoundation 提供从连接异步捕获静止图像 https developer apple com documentation avfoundation avcapturestillimage
  • 如何重复从套接字读取数据?

    首先 我使用 C 进行编码 我正在通过套接字将不同大小的数据写入设备 写入数据后 我想从套接字读取 因为设备在完成处理所有数据后会写回错误代码 完成消息 目前我有这样的事情 byte resultErrorCode new byte 1 r
  • 将编程鼠标事件发送到 X

    我有点新XLinux 上的开发 我想知道以编程方式发送光标事件的最佳实践 或资源链接 是什么 将光标移动到标准化 X Y 创建鼠标右键 左键单击等 理想情况下 这将是C C 我玩过QtQCursor但我想知道实现这一目标的原始方法 如果您想
  • 在 JSONObject 中填充引号

    我正在构建一个 JSON 字符串以发送到我的 Web 服务 由于其中之一是用户输入的 因此可能存在双引号 我试图通过逃避来解决这个问题 String strValue height of 6 JSONObject json new JSON
  • 如何让 div 包围浮动的孩子?

    考虑以下代码 其中span元素漂浮在内部div 我怎样才能使div环绕浮动子元素 以便 1px 边框环绕子元素 div style border 1px solid 000 span Content span span Content sp
  • 如何列出我的应用程序支持的语言

    该应用程序有许多本地化文件夹 values cs values da values de values es 如何在运行时枚举所有支持的语言 当然 我可以定义一些常量来列出所有值 cs da de 但希望避免这样做 我认为这可行 enum
  • 升级到 AngularFire 5.0

    我正在使用 ionic 3 和 firebase 到目前为止 我使用 angularfire 4 0 以下代码为我提供了来自 firebase 的数据的可观察值 obsToData FirebaseObjectObservable