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

Question

目前正在使用 Ember 开发一款聊天应用程序，这非常棒，因为 Ember 非常好用。

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

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

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

那么如何将事件绑定(bind)到正在加载的整个模板(在本例中为 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);});
      }
  }
});