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

將組件中的操作發送到路徑。 Route將從服務器檢索數據，並在檢索數據后，路由將更新數據。

Route可以處理加載狀態。 （ 來自指南 ）

代碼將是這樣的：

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);});
      }
  }
});