retrieve data in angular2 with firebase

Question

i tried to retrieve data from firebase with angular2 today without success, i can console log data and see object, but for reusing them i have undefined in the console, maybe an issue with synchronous and asynchronous data, what kind of solution i have to retrieve these data with angular2?

thank you

  read(){
    this.publicationUrl  = "https://FBURL/publication";
    this.PublicationRef = new Firebase(this.publicationUrl);
    this.PublicationRef.on("child_added", function(snapshot){
      this.publication = snapshot.val();
      console.log(this.publication)

    })
  }

dfsq · Accepted Answer · 2016-02-17 23:18:24Z

3

The issue is that you set data to the wrong this object. Use arrow function to preserve lexical scope:

read() {
    this.publicationUrl  = "https://FBURL/publication";
    this.PublicationRef = new Firebase(this.publicationUrl);
    this.PublicationRef.on("child_added", snapshot => {
        this.publication = snapshot.val();
        console.log(this.publication);
    });
}

answered Feb 17, 2016 at 23:18

dfsq

193k26 gold badges244 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

PrinceZee Over a year ago

hi thanks for your answer, i can console.log datas , and see objects but cannot use them because they are undifined , when i ngfor the datas with json pipe i can see them... i build and custom pipe to transform value and args to return what i want , i have this error Cannot convert undefined or null to object

Collectives™ on Stack Overflow

retrieve data in angular2 with firebase

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related