`onload`に似たEmberイベントがありますか

Question

Emberアプリケーションにすべてのコンテンツ（画像など）がロードされているときにJavaScriptを実行します。

すでにdidInsertElement()とdidRender()フックを使用してみましたが、背景画像が読み込まれるのを待たずにいるようです。

export default Ember.Component.extend({ 
    didInsertElement() { 
     this._super(...arguments); 
     Ember.run.scheduleOnce('afterRender', this, function() { 
     var home =$('#main-outlet')[0]; 
     home.className += " homePage"; 
     startTimer(5); 
     }); 
    }, 
}); 

任意の溶液またはこのための別のアプローチを：

は、ここに私のコンポーネントのコードスニペットは次のようになりますか？

Answer 1

Emberには、onloadに相当するイベントはありません。

しかし、別のアプローチでは、コンポーネント内のdidInsertElementフックと組み合わせて、EmberのエイリアスのエイリアスをjQueryに利用して、実行の順序を達成することができます。これを試してみてください：

export default Ember.Component.extend({ 
    didInsertElement() { 
    Ember.$(window).on('load', this.executeCssAnimations); 
    }, 

    executeCssAnimations() { 
    // your CSS and animation logic would go here 
    Ember.$('.big-background') 
     .text('NOW READY FOR CSS and ANIMATION UPDATES.') 
     .css('color', 'yellow'); 
    }, 

    willDestroyElement(...args) { 
    this._super(...args); 
    Ember.$(window).off('load', 'window', this.executeCssAnimations); 
    }, 
}); 

willDestroyElementフックが同様に含まれている、windowからloadイベントリスナーの適切なティアダウンと除去を表示します。

これを実証するためにEmber Twiddle exampleを作成しました。