代码之家 › 专栏 › 技术社区 › jaronnan

聚合物2.0功能之外的聚合物访问功能

polymerfire polymer-2.x polymer firebase

jaronnan · 技术社区 · 7 年前

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

1 回复 | 直到 7 年前

Ofisora 7 年前

简单的方法是为 this 并在firebase侦听器中使用它。

例子:

ready() {
  super.ready();

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

另一种方法是使用Javascript bind method 这

例子:

ready() {
  super.ready();

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

推荐文章

Kuba Å imonovský · Templatizer-如何多次渲染同一模板,Polymer 2。十、

7 年前

Riposte · 从单元渲染器迁移Vaadin网格聚合物元素

7 年前

AlexBenoit · 聚合物2条件属性

7 年前

Nikhil Raghavendra · Polymer 2.0数据绑定不工作

7 年前

user3310115 · 如何结合铁计时器和力矩js在聚合物中显示hh:mm:ss格式

7 年前

Yanko Ojeda · 如何在熨斗窗体内重置纸张下拉菜单?

7 年前

Matthew · 如何解决iron ajax响应延迟问题

7 年前

yberg · 使用nginx反向代理服务聚合物PWA

7 年前

Mason · 如何要求服务人员忽略与Polymer中特定URL模式匹配的请求?

7 年前

Yairopro · Web组件未显示

7 年前