emberjs didRender не работает

Question

Я хочу начать переход css, когда моя страница полностью загружена (включая все фоновые изображения), поэтому я пытаюсь выполнить didRender событие компонента, но оно никогда не будет вызвано. Вот как выглядят мои коды

export default Ember.Component.extend({ 
    didRender() { 
     console.log('did render working'); 
     var home =$('#main-outlet')[0]; 
     home.className += " homePage"; 
     startTimer(5); 
    }, 
    willDestroyElement() { 
     console.log("destroying view"); 
     var home = $('#main-outlet')[0]; 
     home.className = " wrap"; 
    } 
}); 

Однако, когда я использую didInsertElement событие мой код работает нормально, но я не могу использовать, как он выполняется перед тем, как загрузка самого изображения Любая идея или альтернативный подход по этому вопросу?

Answer 1

Попробуйте это:

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

didRender работает каждый раз после повторной визуализации. Возможно, вам стоит предпочесть didInsertElement (который работает только один раз) и назначить вам свою функцию.

О: Ember Run