Ember我如何知道路由模板何时完成加载并触发回调？

Question

目前正在与Ember一起开发一个聊天应用程序，该应用程序进展顺利，因为Ember非常适合与其合作。

我目前有一个聊天窗口，很明显有很多人在聊天。

我想在初始页面加载时向下滚动聊天窗口，下面是一个示例：

<div class="chat-window">
    {{ chat-message username="John Doe" message="Blah" dispic="unknownUser.jpg" }}
</div>

那么如何将事件绑定到正在加载的整个模板(在本例中是它的index.hbs

我知道您可以通过以下方式使用组件完成此操作：

import Ember from 'ember';

export default Ember.Component.extend({
  didInsertElement() {
    this.$('.button-collapse').sideNav();
  }
});

这可以很好地工作，那么对模板执行此操作的等价物是什么。

据我所知，只有index.hbs和index.js路由文件。

任何信息都将非常感谢。

Answer 1

将操作从组件发送到路由。路由将从服务器检索数据，在检索到数据后，路由将更新数据。

路由可以处理加载状态。(From Guide)

代码将如下所示：

import Ember from 'ember';

export default Ember.Route.extend({
  chatData:[],
  model:function(){
      return this.get('chatData'); 
  },
  actions:{
      loading:function(){
         //do about loading...
      },
      chatDataRequested:function(){
          retrieveData().then((dataFromServer)=>{this.set('chatData',dataFromServer);});
      }
  }
});