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

firebase - 使用 angularfire2 时如何访问本机 Firebase 对象?

我将 AngularFire2 (2.0.0-beta.2) 与 angular2 (2.0.0-rc.4) 结合使用。我想从 Angularfire2 访问本机 firebase 对象(不是 AngularFire 根对象)。

在我的组件中,我想进行如下调用:

其中 firebase 是本机 firebase 对象,就像您从下面的片段中获得的那样:

但我不明白如何设置我的 angular2 组件,以便在其中可见 firebase 对象。可能是一个非常简单的问题要解决,但我不知道如何解决——我不是 angular2 专家。我希望有 AngularFire api 来获取对象,但没有。

另外,我尝试这样做的原因是我认为 angularfire2 api 还不完整(这是可以理解的,因为它仍处于测试阶段)并且我正在尝试解决这个问题。例如,我想更新用户的电子邮件地址或密码,或者向他们发送忘记密码的电子邮件。AngularFire2 中似乎还没有这些功能,所以我正在尝试使用本机 Firebase 对象来实现。

0 投票
1 回答
2322 浏览

typescript - ngOnChange 不存储 previousValue 属性

[Angular2 @ RC4] [angularfire2 @ 2.0.0-beta.2]

在我的子组件中,我无法changes['posX'].previousValue存储任何东西。

来自父 html 的片段:

来自子组件的片段:

来自 chrome 控制台的结果:

我找到了 ngOnChange 的这个plnkr,并且能够让它在我的应用程序中运行。虽然我无法让 PosX 和 PosY 变量以相同的方式工作。

变量 PosX 和 PosY 每 15 秒通过我的 firebase 数据库中的 observable 更新一次。知道为什么 previousValue 没有出现吗?

0 投票
2 回答
2318 浏览

firebase-realtime-database - Angularfire2 获取添加对象的键

我可以获得刚刚添加的对象的密钥吗?

例如:

0 投票
1 回答
1500 浏览

angular - 使用 Firebase sdk3 和 Angularfire2 验证电子邮件/密码

我是 Firebase 的新手,但我想在我当前的 angular2 项目中使用它。我被使用Angularfire2的 Email-Password-Authentication 困住了。据我所知,您必须调用对象的signInWithEmailAndPassword(email, password)方法firebase.auth.Auth。不过,我不知道如何获取此“Auth”的实例。我确实找到了一个一般的身份验证示例。但是该示例不使用电子邮件/密码身份验证。我找不到任何关于如何以正确方式调用上述方法的示例。

我确实找到了一些 JS 示例。在那里,'Auth'-Object 以某种方式注入。这似乎不像我尝试的那样工作。这是我到目前为止得到的(不工作):

main.ts

auth.service.ts:

我的应用程序甚至没有启动 -> Error Cannot resolve all parameters for 'AuthService'(FirebaseAuth, AngularFire, ?)。如果我尝试使用this._af.auth().signInWithEmailAndPassword(email, password)Typescript 编译器抱怨:error TS2349: Cannot invoke an expression whose type lacks a call signature.忽略编译器错误并运行程序会导致错误TypeError: this._af.auth is not a function

谢谢您的帮助!

#AskFirebase

0 投票
1 回答
279 浏览

angular - 使用 angular 2 和 firebase 的基本示例中的身份验证异常

我只是按照这个例子(安装和设置 angularfire2),它是 angularfire2 官方文档的一部分

当我运行这个例子时,我有以下错误。

在此处输入图像描述

如您所见,我有两个错误,我猜第一个错误与自动化有关,而以下我猜与一些未完成的操作有关。

代码与示例完全相同。数据库的规则是这样的:

在此处输入图像描述

main.ts

app.component.ts

app.component.html

关于这个问题的任何想法?

0 投票
2 回答
532 浏览

typescript - Angular2 和 Firebase (AngularFire2)

我使用 Angularfire2 与 Firebase 通信。这是代码。:

该指令af.database.list('items')需要几秒钟来检索数据。那么,我怎么知道数据何时已经加载呢?如果我知道,我可以显示一个“加载栏”。

0 投票
2 回答
8626 浏览

angular - 如何使用 AngularFire2 使用电子邮件和密码创建用户登录

我创建了一个login-service选项,可以使用谷歌、脸书或推特登录,并且运行良好。

我正在尝试创建使用电子邮件和密码登录的选项(该选项在 firebase 控制台中启用),但我无法使其工作。

我的登录服务代码如下:

main.ts 是:

更新

正如@JS_astronauts 所说,问题与如何将数据传递给登录服务有关,现在我发现从调用 loginService 没有得到正确的参数,我正在使用这样的 FormBuilder:

登录组件.ts

在html中我有:

但是我通过 this.loginForm.controls['correo'].value.toString() 获得的值等于 null ,那么我如何获得该值?

知道问题出在哪里吗?问候罗伯托。

0 投票
1 回答
73 浏览

angular - 捕获数组中的双重条目

我想将具有唯一名称的元素存储在列表中,以便轻松显示它们。

要检查是否有双重输入,我必须遍历所有元素以检查名称是否唯一。像这样存储它会更容易,因为我可以检查moduls/:name它是否存在:

*ngFor="let modul of moduls | async"想要类似的东西FirebaseListObservable而不是FirebaseObjectObservable

我认为第二种方式更好,但我不知道该怎么做,所以一切仍然同步。

0 投票
3 回答
6462 浏览

asynchronous - Angular2通过订阅返回真/假

我需要检查用户是否存在于数据库中,如果存在则返回 true。我有一个功能(顺便说一下,我正在使用firebase):

问题是该函数总是返回 false。它不等待检查订阅。有什么办法可以解决吗?

0 投票
1 回答
2575 浏览

javascript - 连接扁平数据

我想将我的客户表中的 init 数据加入到项目列表中。

模型是这样的:

  • 项目

    • 钥匙
    • 名称:字符串
    • 客户:客户密钥
  • 顾客

    • 钥匙
    • 名称:字符串

你有一个例子,我如何使用 angularfire2 从 angular2 组件中做到这一点?

我的控制器看起来像这样:

更新

我已将 this.projects 的类型从 FirebaseListObservable 更改为 Observable 我的 ngOnInit() 方法现在看起来像这样:

我现在可以从里面的模板访问不是客户的名称属性