我是新来的。js和firebase。目前,我可以发布消息,并将其显示在如下列表中:
//templates/show-messages.hbs
{{page-title "ShowMessages"}}
<div class="container">
<div class="chat-container">
{{#each this.model as |message|}}
<div class="bubble">
<h3>{{message.text}}</h3>
<p>{{message.username}}</p>
</div>
{{/each}}
</div>
<ChatInput class="Input" @username="" @text=""></ChatInput>
</div>
//routes/show-messages.js
import Route from '@ember/routing/route';
export default class ShowMessagesRoute extends Route {
model() {
return this.store.findAll('chat-message');
}
}
问题是,在另一个浏览器中查看聊天时,当我发布消息时,聊天窗口不会更新。因此,聊天并没有真正更新。
我该如何解决这个问题?谢谢
2条答案
按热度按时间rsl1atfo1#
您是否在使用官方EmberFire插件?数据更改时实时重新加载需要订阅源。该插件提供了一种轻松实现这一点的方法。否则,您将需要在应用程序中处理此问题(我不确定如何处理)。
atmip9wb2#
根据我的经验,EmberFire没有得到积极维护。我建议这个附加组件:Ember-Cli-Zuglet