问题标签 [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 回答
6491 浏览

angular - Firebase Angularfire2 checking if user exists in the database

I have a database with 2 objects. It looks like this:

Now I'm checking if user exists in the database

What's the problem?

Let's try to register a user with "dede" login (user should exists)

When I click a submit button first time, the console shows: Users exists -> well, that's good.

The problem is when I click the submit the second time (without refreshing webpage)

Then console.log shows me two messages

and that would add a new user what shouldn't be done. Why the second time the subscribe function iterate through every row? How to fix it?

0 投票
1 回答
2868 浏览

angular - Angular 2 和 Angularfire2 中的三向绑定

我正在尝试使用 AngularFire 2 (2.0.0-beta.2) 将输入元素三向绑定到 Angular.js 2 (2.0.0-rc.4) 中的 firebase 数据库。

我有一个非常简单的 html,例如:

在我的组件中,为了将此输入的内容保存和检索到 firebase,我有一个这样的实现:

上面的代码有效,当用户实时键入内容时,我能够读取初始 firebase 值并更新 firebase 上的值。

但是有一个手动逻辑来检查this.firebaseInitComplete和添加ngAfterViewInit来监听变化感觉有点不对劲,我只是在破解它来工作。

是否有更好的三向绑定实现,组件内部的逻辑更少?

0 投票
3 回答
4200 浏览

angular - 如何遍历可观察的firebase2列表?

我有一个可观察的对象列表,我试图对其进行迭代以将列表对象属性与局部变量进行比较。

我可以在模板中循环列表中的对象,但看不到如何在组件逻辑中。

如何在模板之外执行此操作?

这是迄今为止我最接近工作迭代器的地方。

很抱歉,如果这是一个结构不佳的问题,我对 Angular2 和 Firebase 还是很陌生。

0 投票
2 回答
2295 浏览

angular - 在 AngularFire 和 Angularjs 2 中编写路由守卫以等待身份验证

我正在尝试在 Angular.js 2(2.0.0-rc.4)(由 angular cli 创建)中编写一个路由器保护,等待 AngularFire(2.0.0-beta.2)检查登录状态并登录用户(匿名)如果用户在允许进入状态之前已经登录。

我的守卫代码是:

当我运行该应用程序时,即使我看到TEST 1000控制台输出表明canActivate()返回true我的路线未激活。

我想知道我的逻辑是否有错误的想法,或者有什么聪明的想法可以智能地调试它。

0 投票
1 回答
292 浏览

typescript - 显示在列表中时 angular2 中的 Firebase 值

这是加载、添加并将 ToDo 标记为已完成:

这是html:

单击 Finished 按钮可finished在 Firebase 中将值切换为 true 或 false。但我不知道如何在 Angular2 列表中使用它。

所以我的问题是:在显示待办事项列表时,如何从 Firebase 内部检查finished列表中每个项目的值

0 投票
1 回答
477 浏览

firebase - Ionic2 Firebase 3.2 Angularfire2 2.0.0-beta.2 Auth 在设备上测试时不起作用

当我运行 ionic serve --lab 时,浏览器中的一切正常。我可以使用电子邮件和密码进行身份验证操作。当我尝试通过离子上传在设备上进行测试时,或在 android 上构建时,应用程序无法正确验证。如果我对列表或对象的 URL 进行硬编码但无法通过我的身份验证登录获取数据,我仍然可以连接到 firebase。值得注意的是,当我在浏览器中进行模拟时,我得到“当前域未被授权进行 OAuth 操作。这将阻止 signInWithPopup、signInWithRedirect、linkWithPopup 和 linkWithRedirect 工作。” 不确定它是否与我的问题有关,因为它仍然允许我从浏览器登录,而我没有使用任何这些,只是 auth.login(电子邮件,密码)。此外,当我通过 chrome 从我的设备调试应用程序时,我得到“未捕获的错误:“location.protocol”

0 投票
2 回答
7236 浏览

firebase - Firebase 存储和 angularfire2

如何使用 Angular Fire 2 从 Fire 基础存储中获取图像。非常感谢!

0 投票
1 回答
9141 浏览

firebase - Firebase 中的一对多关系

我有一个 Firebase 数据库。我有 Job 对象和 Item 对象。每个 Job 可以包含多个 Item,一个 Item 必须包含在一个 Job 中(简单的一对多)。我目前的数据库结构是 Item 和 Job 都是 firebase 中的顶级列表,每个 Item 都包含它所属的 jobKey。只要我知道作业密钥,这使我可以找到作业中的所有项目。用于查找项目的 firebase 代码需要一个查询,其中包括项目中的 jobKey 和一个“orderBy”。因此,很容易检索作业的所有项目。但是,我还想根据项目中的附加数据对项目进行排序和过滤。但是由于单个“orderBy”的firebase限制,我无法使用firebase完成第二级过滤。这是我的挑战。我目前的数据结构如下图所示。

如前所述,我希望能够检索作业的所有项目,然后按项目中的各个字段对项目进行排序和过滤。鉴于上面的结构,这样做的唯一方法(我看到)是使用 firebase 查询来检索项目,然后使用组件中的逻辑(我正在使用 angular2)将所有项目缓存到某种集合中然后根据缓存的数据进行排序和过滤。这不是很令人满意,必须有更好的方法。有哪些合理的替代方案?

0 投票
2 回答
748 浏览

firebase - 使用 angularfire2 在 firebase 数据库中获取时间

我正在使用 Angularfire2,并且正在测试构建一个将消息推送到数据库中的聊天应用程序。我想获取推送数据的时间。非常感谢您的帮助。非常感谢!

0 投票
0 回答
34 浏览

firebase - 在 angularfire2 应用程序中测试时无法使用其他帐户

我正在使用 Angularfire2 Typescript,我已经完成了我的测试应用程序,但是每当我尝试使用 ingconito 使用另一个 Facebook 帐户登录时。它向我显示了一个错误,即我没有作为测试用户的任何权限。

这是否意味着我也必须在 firebase 上设置我的其他帐户?或者当我使用 firebase 工具部署我的应用程序时。它会起作用吗?我想先确定一下。谢谢!