Polymer-Access-Funktionen außerhalb einer Funktion mit Polymer 2.0

Question

Wie der Titel zeigt, würde ich gerne wissen, wie man auf eine Funktion von außen zugreifen. Es ist möglich, dies in ready() mit 'this.FunctionName' zu tun. Aber anscheinend ist "das" ein Null-Wert im Firebase-Listener.

ready() { 
    super.ready(); 
    //this.displayData("12","13"); 
    console.log(this); 
    var database = firebase.database(); 
    var myDataref = database.ref('sessions/1'); 
    myDataref.on('child_added', function(snapshot) { 
     var message = snapshot.val(); 
     //console.log("Left: "+message.left); 
     //console.log("Right: "+message.left); 
     console.log(this); 
     //this.displayData(message.left, message.right); 
    }); 
    } 

    displayData(leftData, rightData) { 
    var para = document.createElement("li"); 
    var t = document.createTextNode("Left: "+leftData+", Right: "+rightData); 
    para.appendChild(t); 
    console.log(para); 
    this.$.mes.appendChild(para); 
    } 

Code

Answer 1

Der einfache Weg ist ein Alias ​​von this und verwenden Sie es im Inneren des Feuerbasis Zuhörer zu machen.

Beispiel:

ready() { 
    super.ready(); 

    var _this = this; 
    ... 
    myDataref.on('child_added', function(snapshot) { 
    ... 
    _this.displayData(message.left, message.right); 
    }); 
} 

Der andere Weg ist Javascript zu verwenden bind method, die Ihnen erlauben, den Wert für this angeben.

Beispiel:

ready() { 
    super.ready(); 

    ... 
    myDataref.on('child_added', function(snapshot) { 
    ... 
    this.displayData(message.left, message.right); 
    }.bind(this)); 
}