Questions tagged [angularfire2]

AngularFire is the officially supported Angular binding for Firebase. The combination of Angular and Firebase provides a three-way data binding between your HTML, your JavaScript, and the Firebase database. This tag is for binding with Angular2+. Don't use this tag for binding with AngularJS.

AngularFire2 is the officially supported Angular2+ binding library for Firebase. The combination of Angular2 and Firebase provides a three-way data binding between your views, components and the Firebase database. There are Firebase auth features available besides the database.

3107 questions
1
vote
0 answers

Optimal way to retrieve and view large amount of data in a Firebase list?

Having a Firebase List (with title, description, and Firebase storage image url) to show it on the template we usually use: constructor( private af: AngularFire ) { this.blogs = this.af.database.list('\blogs');
devMan
  • 89
  • 2
  • 14
1
vote
2 answers

How to display related objects information from one object in angularfire2

I'm pretty new to Angular and Firebase, so I'm sorry if the question is trivial. I would like to know how to display related objects information from one object in angularfire2 ? Basically, I want to display the role names assigned to a user. Here…
1
vote
1 answer

Prefill form using AngularFire2 Object Observable

I'm unable to pre-fill a form with the data stored at a location in firebase using AngularFire2. The template has multiple inputs like:
1
vote
0 answers

ctorParameters.map is not a function - AngularFire2

I'm trying to use Firebase with Angular 2, to get the position of a person and display it on a google maps. And every so often, the position must change in real time. My package.json: { "name": "App", "version": "0.0.0", "license": "MIT", …
1
vote
1 answer

Cannot access firebaseObjectObservable outside of set

First, this is an Angular2 app. I am just starting out building with Angular2 and Firebase. I am using AngularFire2 as well. I know that my service is working, because I can print out the blog.title just fine right after subscribing. But that is…
1
vote
1 answer

Multiple auth methods using AngularFire2

The AngularFire2 doc explains ways to set up login methods using password or federated methods such as Google or Facebook. But I want to set up password login together with federated methods as options. I tried the following without success: const…
coder
  • 301
  • 1
  • 7
  • 12
1
vote
3 answers

how come we need to unsubscribe from an Observerable ?

Do we ever need to unsubscribe from an Observable? When is the time we need to use unsubscribe? I read an angularfire2 article talking about using firebase.auth to check user's login status. In the end of code, he unsubscribes from…
George Huang
  • 2,504
  • 5
  • 25
  • 47
1
vote
1 answer

JS NG2 Firebase - Add foreach values to array and use in template

I want to create an array of room names and feed it to and ngFor in my template. The values push into the array but it looks like they are only available while within the foreach.. I need to have them available in the template also.. here is my…
1
vote
1 answer

How to access elements of FirebaseListObservable from scripts

I am working with Angular 2 (more precisely Ionic 2) and Firebase. I use angularfire2 to make them communicate. While I can very easily go through all the elements of a FirebaseListObservable in a view (using the pipe async syntax), I cannot find a…
Joao Ventura
  • 65
  • 1
  • 11
1
vote
0 answers

AngularFire2 FirebaseListObservable not always updating

I'm using AngularFire2 2.0.0-beta.7 with Angular 2.3.1. I'm pretty new to using both Angular and Firebase so I'm not sure if this is an issue with the way I'm doing this or it's a bug? In the realtime db I have events and attendees. You can…
1
vote
1 answer

How to push element in array in AngularFire2?

I am trying to update array in Firebase db. Here is the Firebase user collection. I am trying to create a group and updating id in users/groups collection. "users" : { "F0m0l0JhIXMhlQmEMv5ci1MapLM2" : { "address" : "Address 123334", …
1
vote
1 answer

Get path for in firebase after pushing onto a list

I am saving some user information into the firebase database. I also want to retrieve the path of it after it has been saved successfully. I am able to do it fine, however, I am confused about the data that I got back as shown below. So if I want…
1
vote
4 answers

Returning Inner Block Observable Object

I want to return a single object from my Firebase database that has the highest quality rating in the past 7 days. I'm using the following Typescript code to, first, query all threads created in the past seven days and, second, to extract the thread…
J. Adam Connor
  • 1,694
  • 3
  • 18
  • 35
1
vote
1 answer

Using this in promise callback

I have the following code: private resetPassword() { this.auth.subscribe(auth => { this.firebaseRef.auth().sendPasswordResetEmail(auth.auth.email).then( success => { this.successMessage = 'A password reset…
Evan Salter
  • 1,169
  • 2
  • 7
  • 11
1
vote
0 answers

Angularfire2 - how to handle situations when user leaves app before finishing complex request

It's quite common that while working with firebase our apps have queries consisting of more than one call. Let's say, we are fetching ids from one list (e.g. posts_by_user) and adding them to the other (e.g. user_feed). In this case we subscribe to…