取消绑定与Ember.run.bind绑定的事件？

Question

我有一个必须对视口更改做出反应的组件.

天真的方法是绑定一个jQuery调整大小的侦听器,但这可能会弄乱Ember运行循环.

最佳实践方法是使用 Ember.run.bind

这工作得很好,但我想知道一旦组件不再活动,如何取消绑定这样的事件？

Answer 1

想出这个.Ember.run.bind实际上并不需要unbind方法,你可以解除绑定jQuery事件.

代码示例:

export default Ember.Component.extend({
  _resizeListener: null,

  didInsertElement: function(){
    // keep a reference to the event listener
    this._resizeListener = Ember.run.bind(this, this.preformLayout);
    Ember.$(window).on('resize', this._resizeListener);
  },

  willDestroy: function(){
    if(this._resizeListener){
      // whenever component gets destroyed, unbind the listener
      Ember.$(window).off('resize', this._resizeListener);
    }
  }
});