问题标签 [angularfire2]

我在使用 angularfire2 的 angular2 应用程序中有一个异步消息列表。

当列表更新 ngFor 中的所有元素时，似乎会重新渲染。是否可以只重新渲染列表中的新项目？

我想将 Firebase 用于 Angular2 应用程序。虽然有 AngularFire2，但它不能与普通的快速入门示例集成，会出现各种错误，并且它不支持所有 Firebase 服务。

有没有办法在 Angular 2 中使用常规的 Javascript SDK 并在组件类的方法中使用它们？

我试过这个例子，有一些错误无法弄清楚。

我正在尝试使用 Firebase Auth 为 Angular 2 路由构建 AuthGuard。

这是 AuthGuard 服务：

这是 AuthService，它检查用户是否登录并将结果绑定到其构造函数中的属性“loggedIn”。

这里的问题显然是异步的。AuthGuard 的 canActivate() 始终返回 false 值，因为订阅没有及时接收数据以将“loggedIn”更改为 true。

解决此问题的最佳做法是什么？

编辑：

更改了 AuthGuard 以返回一个 observable。

它有点工作，因为你没有被重定向到登录......但目标 AuthGuarded 组件没有呈现。

不确定它是否与我的 app.routes 有关。这是该部分的代码：

我正在尝试编写一个查询，该查询将根据其键从集合中提取单个项目。

我一直在搜索和关注很多教程，但一切似乎都只是展示了如何获得如下列表：

我想传入 $key 并查询并提取一条记录。任何可以提供帮助的来源的建议或指导将不胜感激。

我正在使用 AngularFire2。运行测试时出现此异常。

这是我的测试的样子：

我猜AngularFire不能被注入，因为它是一个函数？

所以，我也升级到了 Angular2 Final。我执行了迁移项目步骤来迁移所有内容。我得到零错误，它验证。但是，问题发生在身份验证之后。当它重定向回页面时，它并没有得到很好的身份验证数据。就像我没有登录一样。这发生在本地和 Firebase 托管上。我仔细检查了我没有阻止 cookie。我将身份验证选项剥离为仅 facebook。它只是行不通。在进入决赛之前没问题。我使用的最后一个版本是 RC5。

我正在使用 Typescript 2.0.2。

我的 app.module 看起来像这样：

我的 app.component 看起来像这样。我正在使用路线，所以它很裸露。它只是加载一个包含router-outlet和 导航栏的页面：

最后，实际登录的主页如下所示：

我不确定 RC5 和 Final 之间发生了什么变化导致它失败。如果有帮助，这是我的 package.json 文件：

有没有其他人遇到过这个？

我对此有点陌生，所以请耐心等待。我会尽力解释。我正在使用 AngularFire2 并将数据作为列表检索。就我而言，我正在尝试获取与帐户关联的交易列表（请参阅下面的示例数据）。

样本数据

我的第一步是从账户中获取交易列表：

这给了我一个可观察的对象数组，如下所示：

然后我想用交易节点的实际交易细节完全替换这两个对象。所以是这样的：

这种排序让我得到了我想要的，除了我现在有一个可观察的可观察数组而不是像这样的对象：

只要我像这样使用 async 和 Elvis 运算符，我就可以让它在我的模板中工作：

我还需要将帐户名称作为每个对象或可观察对象的一部分，因此我最终将其更改为如下内容：

好的，所以这确实有效，但现在我想转换这些数据，以便我的服务返回更简洁的内容。您在下面的示例数据中看不到的是，交易和账户中的每一个都有更多的数据点。我不需要也不想要响应中的那些，所以我想稍微清理一下。最后，我想用一个可观察的对象数组来响应，就像最初的 angularfire2 调用一样。现在我有一个可观察的对象数组，如下所示：

我真的很想拥有更多这样的东西：

因此，我需要弄清楚如何从这些可观察值中获取值，并且我正用头撞墙试图弄清楚。有人有什么建议吗？我确定我在这里遗漏了一些简单的东西。

我发现的大多数解决方案都建议使用 flatMap 或 concatMap，但这最终给了我一个可观察的单个对象，而不是一个包含对象的可观察数组。

我在 Angular Web 应用程序中使用 AngularFire2。由于 Firebase 的查询限制，我无法形成一个准确地提供我需要的数据的查询（至少在不对我的架构进行重大更改的情况下不会）。

所以我想在javascript（打字稿）中应用一个额外的客户端过滤条件。我该怎么做呢？我可以以某种方式向可观察对象添加过滤器功能吗？下面是一个片段，说明了我在做什么。

在组件的 HTML 模板中，我在下面有类似的内容。html 片段中的“jobs”变量是 FirebaseListObservable。

组件代码如下所示：

有没有办法在“this.jobs”上应用过滤器组件，以便我可以应用本地（客户端）过滤器？

我想制作一个war文件以在apache tomcat服务器中部署angular2项目。我做了一个maven项目并将angular2项目插入其中。然后我使用angular-cli在maven项目的src/main中创建了webapp文件夹（而不是angular2项目中的dist文件夹）。当我运行 apache 服务器时，它显示以下错误。

从http://localhost:8080/app/app.module.js将http://localhost:8080/vendor/angularfire2/angularfire2.js 加载为“angularfire2”时出错；区域：; 任务：Promise.then；值：错误：错误：XHR 错误 (404 Not Found) loading http://localhost:8080/traceur (...) null

这看起来像麻烦的依赖是 angularfire2。我们如何计算这个？顺便说一句，我使用 angular2 rc-5。

我想知道如何将我的模型类型对象映射到 firebase 给我的响应。

文档中给出的示例非常简单明了，但它们没有将响应映射到自定义类型对象。

假设我有这个

就像文档告诉我的那样，但我想为我的盒子提供自定义行为，并有一个做这样的事情的类。

有没有办法自动将 firebase 响应映射到我的 Box 对象。如果可能的话，我想做的是这样的事情，但它似乎不存在。

非常感谢 ！