templates - emberjs：在所有模板准备好/可见后调用一个函数

Question

我需要在应用程序启动并呈现自身后执行操作。我所做的就是将didInsertElement添加到主模板并调用控制器方法来执行实际操作，如下所示：

Sp.IndexView = Em.View.extend({
    templateName: 'index',

    didInsertElement: function() {
        this.controller.switchMenuItem() ;
    }
}) ;

Sp.IndexController = Em.Controller.extend({

    switchMenuItem: function() {
        $('#index').addClass('nice-animation') ;
        ... and something more ...
    }
});

但是，当页面准备就绪并可见时，动画就已经应用了。只有当我添加 setTimeout() 并在添加类之前等待片刻时，我才看到元素被转换了。在 Ember 中是否有一种方法可以在一切都变得可见之后执行操作？

干杯