Ember.js：如何观察模板 DOM 元素是否已经渲染

Question

我有一个控制器，可以将异步数据加载到 Ember 主存储中。
在加载时，它会显示一个加载微调器。加载完成后会显示数据。

我的问题是我还想在加载数据并渲染模板后注入 jQuery 逻辑/绑定。

问题是：当模板被渲染/更新时会调用什么钩子？

我尝试观察何时加载数据，但在模板渲染后它不能可靠地注入 jQuery（见下文）：

controllers/index.js

export default Ember.Controller.extend({
    listReady: function() {
       Ember.run.next(this, function() {
       // jQuery logic
        })

    }.observes('model.stations.content.isLoaded'),
})

routes/index.js

export default Ember.Route.extend({
    setupController: function(controller, model) {
        var that = this;
        controller.set('content', {
            stations: that.store.find('station'),
            others: that.store.find('other')
        }); 
    }
});

templates/index.js

{{#if model.stations.content.isLoaded}}
{{!--display the data--}}
{{else}}
{{!--display a loading spinner--}}
{{/if}}

Answer 1

有两件事 - 路径中的模型挂钩前和模型后挂钩。 如果您想在数据加载到模型对象后执行某些操作，则可以使用 aftermodel 钩子。

您可以在此处阅读有关这些钩子的更多信息 - http://guides.emberjs.com/v1.10.0/routing/asynchronous-routing/

对于加载微调器的事情 - 您不需要在处理程序栏（模板）中显式编写逻辑，您可以在路由中执行此操作。 Ember 仅提供加载路径。您可以参考以下链接了解更多信息

http://guides.emberjs.com/v1.10.0/routing/loading-and-error-substates/