问题标签 [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 投票
2 回答
7795 浏览

angular - 如何解决在使用 Angular-CLI 和 RC.4 与 AngularFire 2 和 Firebase 3 时找不到模块“angularfire2”

我将 angular-cli 与 Angular 的最新 RC4 版本一起使用。

我按照这里的步骤进行操作。

但我不得不做一些非常小的改变。一方面,我以这种方式安装 AngularFire: npm install git+https://github.com/angular/angularfire2.git --save这样我就有了一个与 RC4 兼容的版本。

其次,在执行打字步骤时,我会这样做: typings install file:node_modules/firebase/firebase.d.ts --save --global && typings install因为它现在似乎是 firebase.d.ts 文件所在的位置。

接下来我这样做:

我在哪里使用 .ts 文件,因为 node_modules/angularfire2 文件夹中没有 angularfire2 的 .js 文件。即使在源文件夹中也只是 .ts 文件。

因此,一旦我进入第 7 步,然后执行以下操作:

一切都崩溃了。我不知道为什么,它应该工作?

这是github上的项目

更新:

因此,我尝试将扩展名从 .ts 更改为 .js in system-config.ts

然后,我尝试了以下方法:

然而,结果是这样的(再次):

我只是真的很笨,错过了一步吗?我觉得我是。. . 这将是显而易见的事情,我要么不知道,要么完全被忽视。:(

0 投票
1 回答
1136 浏览

typescript - 如何验证用户并保存他们的详细信息

我已经尝试阅读 angularfire2 文档,并且一直到这里。我的身份验证服务调用 angularfire.auth.login。我已经订阅了这个函数,我想将返回的用户信息保存到数据库中。

打字稿编译器返回错误:

Error: Typescript found the following errors: /Users/macbook/dev/app/kichenclub/tmp/broccoli_type_script_compiler-input_base_path-nMnfGgj9.tmp/0/src/app/auth.service.ts (12, 25): Property 'displayName' does not exist on type 'FirebaseAuthState'.

和所有“显示名称”相同。

我的方向正确吗?如何解决这个问题。

身份验证.service.ts:

让我知道,如果需要任何进一步的信息。

最后,感谢您的光临。:)

0 投票
1 回答
202 浏览

angular - Angular 2 *ngFor 重新渲染元素

我有这个 ngFor 从 Firebase 数据库读取数据:

每次推送新帖子时,都会重新渲染所有帖子元素。

有什么建议么?

谢谢!

0 投票
1 回答
582 浏览

angular - 关于使用 AngularFire2 和 GAPI 访问 Google Analytics 报告的任何指示

角度: Angular2 RC4

Firebase: Firebase3(最新)

AngularFire: AngularFire2(最新)

我正在考虑尝试访问 Google Analytics Reporting v4 API。像这样的东西。但是使用 Angular2 的优点。

有没有人做这件事有运气?我用谷歌搜索过,但它似乎不是一个受欢迎的话题。Angular2 仍然很新并没有帮助,所以就是这样。有人有什么主意吗?我确定这是一件事。我认为?

我已经使用 AngularFire2 和 Firebase 进行身份验证,这是第一步。;)

0 投票
1 回答
73 浏览

angular - 从数据库内部视图中获取用户

数据库:火力基地

用户可以添加一个看起来有点像的帖子:

我认为我不应该将所有用户信息存储在其中author,因为用户有一天会更改他的个人资料中的某些内容。我只在里面存储用户密钥author,我想在视图内打印帖子数据时获取该用户。

(服务)这就是我获取所有帖子的方式(正常工作)

(组件)在这里,我只是将所有这些帖子分配给帖子数组以在视图中打印它。

(查看)除了我可以很容易打印的所有帖子数据外,我想通过 post.author 让用户打印照片、名字、姓氏等作者数据。

这样我想得到用户。这是getUser函数

我知道那条线是错误{{homepageService.getUser(post.author)?.email}}的,没有then内部视图,但我也尝试过使用异步管道。现在我处于停滞状态。我该怎么做?

0 投票
1 回答
950 浏览

angular - 我如何等待 Angularfire 2 中的 observable?

问题是chat.name 一开始显示空白,因为映射尚未完成。有什么方法可以在更新数据之前等待映射?

这是用户界面。

0 投票
1 回答
778 浏览

typescript - ionic2中的angularfire2,如何映射?

我坚持这一点:我的数据库非常简单。

说我只想显示城市 A 的产品,所以我使用此功能获取该城市产品的所有参考:

在这种情况下,它返回这些参考:-KNnf89UzBvzmYlrpiQj -KNnfAs31LkMUjU60VAG -KNngYcNoUUql4oIMxwU

所以,现在我知道要展示的产品有这些参考。但是如何获取这些产品的详细信息(short_desc)?

我试过这个:

该应用程序正在正确构建而没有任何警告,但是当我尝试在视图中显示结果时:

我收到此错误:

原始异常:TypeError:未定义不是对象(评估'self.parent.context.ref.shortdesc')

我需要你的帮助 !

0 投票
2 回答
2160 浏览

firebase - Firebase angularfire2 从数据库中获取对象

我在使用从我的 firebase 数据库获得的对象时遇到问题。我可以毫无问题地接收 json 文件,如下图所示。 https://i.gyazo.com/6c1c69aca47f92a4e1029bb019042ab2.png

上面的代码在 /src/app/app.component.html ,

这从 /src/app/app.component.ts 接收项目对象

我也尝试过使用 item.name.$value 但它不起作用。我想获取 json 文件中的值。并且能够在网站上使用它们。

0 投票
1 回答
680 浏览

typescript - 当用户在AngularFire2中登录(auth不是null)时如何获取对象?

当用户登录时,我想将用户数据从我的 Firebase 数据库的“/users/$key”url 获取到 currentUser FirebaseObjectObservable,其中 $key 等于 auth.uid。我也想在用户注销时, currentUser 自动变为 null。

为此,我认为我需要在我的模板中使用异步管道,但我只能在登录后获取 currentUser 数据,并且在注销后它会保留在内存中(我已经这样做了)。我希望当 auth 对象变为空时它会自动变为空。

我可以在我的模板中使用这样的东西{{(currentUser | async)?.email}}

我对 Observables 缺乏了解是这里的问题,而且 AngularFire auth 对象与我所理解的 rxjs/Observable 不同。

更新:

这就是我解决它的方法:

但我觉得不对。这样做可以吗?

0 投票
0 回答
578 浏览

angular - 从 Firebase 中检索嵌套数据

我有一个 Firebase 数据库,数据如下所示:

Firebase 数据库结构

我想检索数据,其中foodObject 与主题一起出现在数据中。

我试过了,这个:

这样,我在控制台中得到了这个。

FirebaseObjectObservable {_isScalar: false, _ref: W}

我需要的,可以实现吗?

此外,这是保存和检索数据的正确方法吗?

我是 rxjs 和 angular2 的新手。任何线索都会有所帮助。

谢谢,