Questions tagged [angularfire5]

104 questions
0
votes
1 answer

Make Variable Available in AngularFire5

I am trying to get some Document data from Firestore, which I have found easy enough to do. But how can I then make that data available to other functions? Here's my code: let documentRef = this.afs.collection('profiles').doc(this.userId); var…
Nick
  • 25
  • 5
0
votes
1 answer

How to Render Single Observerble Data in HTML ionic 3

I use Observable to get single object data from the firebase. How do I render this data on HTML? I use this {{(postObservable2|async)?.subject}} but nothing is rendered. I tried to use AngularFireObject as well but it keeps throwing an error saying…
NicoleZ
  • 1,485
  • 3
  • 22
  • 43
0
votes
1 answer

User Authentication failed in angularFire2

//Login component.ts import { Component } from '@angular/core'; import {AngularFireAuth} from 'angularfire2/auth'; import * as firebase from 'firebase/app'; import {Router} from '@angular/router'; @Component({ selector: 'app-login', …
0
votes
1 answer

Returning $key in AngularFire 5

I have the following code that works with AngularFire 5: export class NavigationComponent { items: Observable; constructor(db: AngularFireDatabase) { this.items = db.list('/pages', ref => { let query =…
eat-sleep-code
  • 4,753
  • 13
  • 52
  • 98
0
votes
2 answers

Angular 6 / AngularFire migration

I have the following older Angular 4 code: The navigation.component.ts file: import { Component } from '@angular/core'; import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database'; import { LogoComponent } from…
eat-sleep-code
  • 4,753
  • 13
  • 52
  • 98
0
votes
1 answer

Ionic 3 angularfire2 print out [object Object] data

I have a task management apps where i wan't user to be able to see their task in each of the task sections just like in the photo: Click here to see the photo I can get the data from the database and print it out in JSON format as you can see in…
kelvin wong
  • 51
  • 1
  • 6
0
votes
1 answer

How to express nested fields in the where() method of AngularFirestore

I'm using the firestore where() method to test the equality of a nested field against another value. The nested field is in the document structure: Apartments/Apartment/property/address/locality_short Here is how I am currently doing it (in the…
0
votes
1 answer

AngularFire2 Memory Leak after updating list

I'm trying to update a list (increment a value in the list) in firebase after a button is clicked, however, whenever I click on the button that value keeps incrementing without stopping unless I close the page tab. onRecipeUpvote(recipe: Recipe) { …
Muizz Mahdy
  • 798
  • 2
  • 8
  • 24
0
votes
2 answers

Catch in Angularfire2 v5 error

I am converting the use of Firebase Storage to use the Angularfire2 library (currently v5.0.0-rc.5-next) which means I am now using observables rather than promises. How can I catch error such as storage/object-not-found and react accordingly? This…
Xerri
  • 4,916
  • 6
  • 45
  • 54
0
votes
1 answer

How can I implement child_removed event with angularfire2 +

I am testing google maps with firebase + angularfire2. Firebase data structure { markers: key1 : {lat:1, lng:2} key2 : {lat:3, lng:4} } with JS + firebase, all 3 events works well. var markers =…
John
  • 3,304
  • 1
  • 18
  • 26
0
votes
1 answer

How do I manipulate and print data from nested firebase lists in Ionic

I'm working with Ionic and Firebase and I'm facing several problems with linked data, either to manipulate or print. I have read articles and watched several videos of different approaches between versions but couldn't solve it yet, and I have to…
Carlos
  • 23
  • 3
0
votes
1 answer

Share FireStoreCollection to serveral views

im having an ionic project with a firestore backend using 'angularfire2/firestore'. To share a collection between views i created a firebaseservice provider: interface if_friend { name: string; email: string; …
0
votes
1 answer

Angular 2+ CRUD Operations With Firebase 5.0

I have realized that firebase 5.0 operations are different from the previous verions https://github.com/angular/angularfire2/blob/master/docs/version-5-upgrade.md. Kindly help me with an angular Service that basically perform CRUD on firebase…
0
votes
1 answer

Get data from different lists and combine them by key with angularfire 5

Since Angularfire5 we can't use the $key anymore So I was trying to convert this and found a snippet on how to change the list to a list containing their own key : getRankings(week): Observable { return this.db.list('/ranking_day/d_' +…
RobrechtVM
  • 879
  • 5
  • 22
0
votes
1 answer

Looking up a reference from a document field from the template in Ionic/Angular with AngularFire2/Firestore

I am working on an Ionic 3 App (Uses Angular 4). I am using Angularfire2 to interact with my Firestore database. Currently, I am retrieving a document as an observable and displaying it's fields in my template. My problem is one of my fields in the…