angularfire2

Whenever I use afDB.list('/path') method, I get the following: console.log(this.items); and I have this example as my firebase database: listings file surprisingly, editing the data works perfectly fine (e.g. remove(), push(),... etc.), but I can't seem to be able to retrieve it; however, I can access it. I thought it might be a rules issue, yet, my rules are fine: firebase Rules this is the portion of the code that I'm having trouble with: import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { AngularFireAuth } from 'angularfire2/auth'; import {

I'm working on some project with AngularFire + FireStore. My Firestore model looks like this: Collection 1 key1 {some data} key2 {some data} Collection 2 key1 {other data} key2 {other data} Now I need to show list where I have some data from the first collection, and some data from another one. How to create such a list? It seems to be pointless to make two observables and then merge it. const collection = this.afStore.collection<any>(collectionName); return collection.snapshotChanges() .map(participants => { return participants.map(participant => { const data = participant.payload.doc.data();

I want to create a new Angular 6 App with AngularFire 2. Although I followed the tutorial, I get a version error. AngularFire2 Setup Tutorial: https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md Even though I only tried to use an Observable as seen in the tutorial I get the following error: ERROR in node_modules/angularfire2/angularfire2.d.ts(3,10): error TS2305: Module '"/Users/tarek/Documents/Development/web_app/apphoven-web/node_modules/rxjs/Subscription"' has no exported member 'Subscription'. node_modules/angularfire2/firestore/collection/changes.d.ts(3,10):

i had problem to import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database"; i imported AngularFireDatabase but FirebaseListObservable was under a red line after searching this post helped me resolve my problem Getting an error: "Has no exported member AngularFire, AuthProviders, AUthMethods, FirebaseListObservable" in AngularFire2? import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated"; but when i compile i get and it cant help i dont know what to do where searching ect core.es5.js:1020 ERROR Error: Uncaught (in promise): Error:

I'm subscribed to a Firebase real-time database so that when I submit something to it, it immediately renders in the view without any need for jQuery or ajax. I'd like to animate the rendering of such elements, so that when a new element is added to the DOM its div 's background-color is green and slowly fades away. What I don't want is for all div s of this class to perform this animation on load. I know how to do the former: @keyframes green-fade { 0% {background: rgb(173, 235, 173);} 100% {background: none;} } .post-div { animation: green-fade 5s ease-in 1; } But of course this animation

How to instantiate Firebase Cloud Messaging in Angular2 / TypeScript / AngularFire2 ? It's described here for JavaScript: https://firebase.google.com/docs/cloud-messaging/js/client The firebase.messaging() function takes the Firebase app instance as an optional parameter. To wire it up with AngularFire2 , you could let AngularFire2 perform the app initialization and create the Firebase app instance and could then inject the app instance (into a service, for example) and pass it to firebase.messaging() like this: import { Inject, Injectable } from "@angular/core"; import { FirebaseApp } from