angular - Error while injecting Firebase as a Service in Component. What can be the issue? -


i having problem in fetching data firebase service. have method called getlisting. service class:

import { injectable } '@angular/core'; import { angularfiredatabase, firebaselistobservable } 'angularfire2/database';  @injectable() export class firebaseservice {    listings: firebaselistobservable<any[]>;    constructor(private af: angularfiredatabase) {}    getlistings(){     console.log('in getlistings');     this.listings = this.af.list('/listings') firebaselistobservable<listing[]>;     return this.listings;   }  }  interface listing{   $key?:string;   title?:string;   type?:string;   image?:string;   city?:string;   owner?:string;   bedrooms?:string; }

this component injecting service:

import { component, oninit } '@angular/core'; import { firebaseservice } '../../services/firebase.service';  @component({   selector: 'app-listings',   templateurl: './listings.component.html',   styleurls: ['./listings.component.css'] }) export class listingscomponent implements oninit {   listings:any;    constructor(private firebaseservice:firebaseservice) { }    ngoninit() {     this.firebaseservice.getlistings().subscribe(listings => {       console.log(listings);       this.listings = listings;     });   }  }

i able login using google authentication , when try call getlisting method in service, don't list of data. logging list in console. console log doesn't have data. issue? injecting service in constructor of component , have imported service services folder.

any advice helpful.


Comments

Post a Comment

Popular posts from this blog

angular - DownloadURL return null in below code -

when change file updated in firebase storage when try downloadurl show null. filechange(event: any) { const imagefolder: string = this.employee.id; const filelist: filelist = event.target.files; const file: file = filelist[0]; const storageref = firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file); console.log(storageref.snapshot.downloadurl); } the put() asynchronous. if want url after file uploaded have this: firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file).then((snapshot) => { storageref = snapshot.downloadurl: console.log(snapshot.downloadurl); });
Read more

meteor - inserting data to database gives error "insert failed: Method '/texts/insert' not found" -

i have other project broke somehow(i have no idea) , rebuilt app same file names , code , working fine. problem when go insert data database called texts error insert failed: method '/texts/insert' not found not know wrong because copied every line of code previous project , problem came wasn't there before. confuses me when create user accounts accounts.createuser() works fine. sendtext.js import react "react"; import {texts} "./../api/text"; import {withrouter} 'react-router-dom'; import {meteor} "meteor/meteor"; import {accounts} "meteor/accounts-base" class sendtext extends react.component{ send(e){ e.preventdefault(); let message = this.refs.message.value; let name = accounts.user().username if(name != ""){ if(message){ texts.insert({ name, message }); this.refs.m...
Read more