问题标签 [angularfire2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
204 浏览

ionic2 - Angularfire2 auth 订阅不会在移动设备上触发

我有一个带有 angularfire2 和 firebase3 的 ionic2 项目。由于我无法弄清楚这个简单的代码无法在手机上运行的原因:

它编译得很好,会ngAfterViewInit触发,但订阅不会触发。我可以使用电子邮件或通过 googleplus 登录没有问题(两者都使用Observables),但身份验证订阅不会触发。

当我通过它在桌面浏览器中运行它时,ionic serve它可以正常工作。然而,在移动设备上,它不会。

有什么建议么?

0 投票
2 回答
1710 浏览

angular - 使用 Angular 2 和 AngularFire 访问 Firebase 列表值

到目前为止,我已经能够将我的 CRUD 应用程序迁移到 Firebase。我可以列出、创建和删除新闻。不过,我正在为编辑而苦苦挣扎。

这是编辑组件。它获取路由参数的快照,该快照等于 Firebase 中该特定新闻的 $key 值。然后我将它连接到数据库列表:

我是 observables 的新手,但我认为这样我可以使用我们这样的插值访问数据库的具体对象{{news.title}}显然,我错了。有什么帮助吗?

0 投票
1 回答
452 浏览

angular - angularfire2 和 ionic2。添加或删除对象时,映射数据会重新呈现整个列表

我有一个关于使用 angularfire2 从 firebase 获取数据的问题。我的数据库架构如下所示:

在我的 ts 文件中,我有这个:

然后在html文件中我这样做

将产品标记显示为收藏,但一旦新产品成为收藏,列表就会重新呈现。如何防止列表被重新渲染并且只为新产品添加一张卡片添加为收藏?

希望有人能帮助我解决这个问题。

亚历克斯。

0 投票
2 回答
2855 浏览

angular - 为什么我缺少 angular-cli-build.js?我必须使用它吗?

我正在尝试使用 angular2、Firebase 3 SDK 和 angularfire2 构建网页。我最近接触了所有这些框架或 SDK。所以我在理解 systemjs.config、typings.json、tsconfig.json、packages.json 等文件中的所有功能时遇到了一些困难。我想现在我对这些文件有了一些了解,但我没有足够的信心为我的项目配置所有这些。我成功地遵循了 angular2 Tour of Heroes 教程,现在我试图将 angular2 Tour of Heroes 网页转换为我自己的网页。目前我正在尝试使用 Firebase 3.0 sdk 而不是 liteserver 和 in-memory-data.service,所以我决定研究 angularfire2 以更轻松地使用 Firebase。我正在观看几个 youtube 视频(例如第一个2nd ) 关于 angularfire2 并且还在 github 上阅读 angularfire2 的设置指南,我注意到他们在设置项目时都提到了 angular-cli-build.js 文件。我浏览了我的文件,但在这里找不到。我的文件结构看起来像这样

我的问题是我应该使用 angular-cli-build 吗?如果是,为什么即使我遵循了官方教程,我还是会丢失这个文件?(第一个链接)

谢谢!如果需要更多信息来回答,我很乐意提供。

PS 我也很乐意接受任何关于 angular2 和 firebase 3.0 sdk 的建议。

0 投票
1 回答
628 浏览

angular - 如何从 AngularFire2 中的 2 级向下键控列表中获取平坦的可观察列表

我不知道如何在 Prods/$companyKeys/$prodKeys 表单中管理我的数据的产品中获取平面集合

rxjs 或 AngularFire2 本身是否有一种简单的方法可以直接收集产品,省略公司 ID?还是我必须重新排列我的数据?

谢谢

0 投票
1 回答
464 浏览

angular - Rxjs / AngularFire2:取消订阅():“TypeError:非法调用”

当我尝试在此 rxjs 观察者中取消订阅时,我收到错误“非法调用”。

names变量的类型为FirebaseListObservable

设置一些断点,我可以看到正在立即调用观察者函数(回调)。此订阅之后的任何代码都在回调已经运行一次之后运行。因此,在回调中s变量是未定义的。

我在这里做错了什么?可观察的不应该等到下一个滴答声吗?我应该手动做吗?

更新:将回调代码包装在 setTimeout( code , 0) 中消除了错误。我应该这样做似乎很奇怪?

0 投票
1 回答
1391 浏览

angularjs - Firebase 3. 身份验证不会持续存在

我正在使用电子邮件和密码身份验证在 angularJS 应用程序中使用 firebase。我只是将我的应用程序从 Firebase 2.x 更新到 3.x,并将 AngularFire 从 1.x 更新到 2.x。

我按照这两个文档进行迁移:

但是现在,每次刷新页面时,我都需要重新进行身份验证,就像没有持久会话一样。

我检查了firebase:authUser我过去拥有的 localStorage 密钥expirationTime(实际上它是用我的登录时间戳设置的)。

要检查用户是否已登录,我使用:$firebaseAuth().$getAuth()

编辑

这是我的问题的一个工作示例(登录名:toto@mail.fr / 密码:toto123https://plnkr.co/edit/463Hse?p=preview

有谁知道为什么这种行为?

0 投票
1 回答
445 浏览

angular - 如果我使用 2.0.0-beta.0,为什么会收到 angularfire 2.0.0-beta.2 npm 警告?

我的项目在 package.json 中使用 angularfire 2.0.0-beta.0 ...

...但是在这样做之后,npm install我收到了有关 angularfire 2.0.0-beta.2 的 npm 警告:

我看了看,node_modules/angularfire2package.json看起来像这样(注意它提到了 2.0.0-beta.0 和 2.0.0-beta.2):

关于这里的问题有什么想法吗?

使用完全相同的代码的完全相同的项目在 2 个月前运行良好。我正在使用 Node v6.3.1、npm v3.10.6 和 Mac OS X El Capitan。

0 投票
1 回答
410 浏览

firebase - Geofire 和使用 firebase 和 Angularfire 进行查询

在我的 ionic2 应用程序中,我需要显示一个列表,其中实时更新最近的地点(酒吧、餐厅等)信息。正如我在 GeoFire 文档上阅读的那样,我应该在树中单独保存位置和地点详细信息数据。所以我的firebase中有以下内容:

当用户加载页面时,我得到了他的位置,并且使用 GeoFire,我能够得到他所在区域附近的每个 placeID。很酷但现在变得非常棘手......现在我得到了所有地点 ID,我想显示这些地点的所有详细信息并订阅每个选定地点 ID 的“信息”子项中发生的每个更新

我试过了:

它起作用了,我得到所选placesID的所有地点详细信息,但是一旦更新了地点(例如:子“信息”已更新),就会将新密钥推送到数组中,并且我得到重复的信息..

还有比这更好的解决方案吗?

0 投票
0 回答
264 浏览

angular - 订阅值到达成功回调

我正在尝试在订阅值到达后做某事,但从未调用成功回调。

另外,有人建议我将其更改为,this.items.take(1).subscribe但这样做,this.values 的日志返回未定义。