Ember.js：DOMに表示要素が挿入されているかどうかをチェック

Question

Ember.Viewサブクラスのメソッドで、ビュー要素がすでにDOMに挿入されている場合のみ、DOM を変更したいと思います。それをどうやって確認できますか？

は、私はそうのような補助プロパティを作成することができます知っている：

didInsertElement: function() { 
    this.set('elementIsInserted', true); 
} 
willDestroyElement: function() { 
    this.set('elementIsInserted', false); 
} 

しかし、いくつかの標準的な、組み込みの方法はありますか？

スキミングが見つからないview.jsしかし、おそらく私は何かが不足しています。

Answer 1

あなたが補助フラグを設定することを避けるためにしたい場合は、Ember.View拡張することができます：今Ember.Viewは上記を取得する拡張し、すべてのビューを

Ember.View.reopen({ 
    didInsertElement: function() { 
     this.set('elementIsInserted', true); 
     this._super(); 
    }, 

    willDestroyElement: function() { 
     this.set('elementIsInserted', false); 
     this._super(); 
    } 
}); 

を。

また、コアチームのメンバーは、inDOMを参照することを避けることを提案しました。これは内部変数であり、コードでの使用を意図していないためです。

Answer 2

すべてのビューには、要素が挿入されたときに "inDOM"に設定される_stateプロパティがあります。

if (this._state=="inDOM") doStuff(); 

が有効です。 thisが正しいことを確認してください。