Есть ли какое-нибудь событие Ember, подобное `onload`

Question

Я хочу выполнить JavaScript, когда весь контент (например, изображения) был загружен в моем приложении Ember.

Я уже пробовал использовать 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.

Однако в отношении альтернативного подхода вы можете использовать псевдоним Ember для jQuery в сочетании с крюком didInsertElement в вашем компоненте, чтобы достичь порядка выполнения, который вы ищете. Попробуйте это:

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 крючка был включен, а также, чтобы показать правильный и демонтаж удаление слушателя load событий от window.

Я создал Ember Twiddle example, чтобы продемонстрировать это для вас.