聚合物：this.setAttribute() 不是函数

Question

所以我试图让一些 Polymer 数据绑定工作，但由于某种原因，下面的代码给了我一个 TypeError: this.setAttribute is not a function(…)

我尝试将this.setAttribute('display', 1); 替换为this.display = 1;，但这似乎也不起作用。

我做错了什么？

Polymer({
  is: 'unibz-club',

  properties: {
    display:{
      type: Number,
      notify: true,
      value: 0,
    }
  },
  ready: function() {
    this.setAttribute('display', 1);    //  <--not working
  }.bind(this),
};

Answer 1

'ready' 方法已经有一个 this 上下文，它引用正在实例化的 Polymer 对象。现在，您正在使用 .bind(this) 调用将上下文更改为窗口或包含闭包。

Polymer 库正在为您处理这个问题。它将在新创建的对象的上下文中调用“就绪”方法。

您通常会使用 .bind() 在回调方法和 then-able Promise 中定义 this 的上下文。当然还有其他用途，但在我的经验中这是最常见的。

function ImageLoader () {
    return this;
}

ImageLoader.prototype.load = function(path) {
    return ajaxService.get(path);    
};

function Gallery () {
    this.images = [];
    return this;
}

Gallery.prototype.init = function() {
    new ImageLoader().load('/photos/gallery').then(function(result) {
        this.images = result; 
    }.bind(this)); // <-- .bind(this) will set the context of `this` to the Gallery instance
};

var gallery = new Gallery();
gallery.init();