Emberjs #each循環不適用於數組數據

Question

我只是想遍歷我生成的一些虛擬數據，以便對網站進行樣式設置，我將其保存在路由器中：

import Ember from 'ember';

export default Ember.Route.extend({
  chatMessages() {
      return [{
      username: "John Doe",
      message: "Blah Blah Blah",
      dispic: "http://www.proirrigationwi.com/images/unknown_user.png"
    }]
  },
  activate() {
    this.controllerFor('chatroom').subscribe();
  }
});

然后在我的index.hbs

    {{#each chatMessages as |chatMessage|}}
      {{chat-message username=chatMessage.username message=chatMessage.message dispic=chatMessage.dispic}}
    {{else}}
      {{chat-message username="System" message="There are currently no chat messages, feel free to start talking! Someone will join eventually" dispic="asd"}}
    {{/each}}

但是我只看到else語句。 任何信息將非常感謝

Answer 1

目前，您的路線設置不正確，您必須在路線模型中返回聊天消息：

import Ember from 'ember';

export default Ember.Route.extend({
  chatMessages: [{
      username: "John Doe",
      message: "Blah Blah Blah",
      dispic: "http://www.proirrigationwi.com/images/unknown_user.png"
  }],
  model(){
    return this.get('chatMessages')
  },
  activate() {
    this.controllerFor('chatroom').subscribe();
  }
});

現在，您可以像下面這樣在模板中訪問它：

{{#each model as |chatMessage|}}
  {{chat-message username=chatMessage.username message=chatMessage.message dispic=chatMessage.dispic}}
{{else}}
  {{chat-message username="System" message="There are currently no chat messages, feel free to start talking! Someone will join eventually" dispic="asd"}}
{{/each}}

這是我為您設置的旋轉鍵 。 然后，再次閱讀指南的這一部分很重要，因為它會根據路線更詳細地說明模型掛鈎，而這一部分還將說明如何在控制器上進行設置。