Ionic2 / Angular2模板未完全呈现

Question

我有一个使用Ionic2的工作聊天应用程序构建，它给了我一个特别随机的错误/问题。似乎列表项模板有时未完全呈现（与Internet连接无关）。重新加载页面时会发生错误（应用程序通过Ionic CLI提供）。

后端代码

Firebase Observable使用基本af2.database.list('/chats', {query:{...}})

的AngularFire2

模板代码

<div
tappable
*ngFor="let chat of afChatsRef | async; trackBy: trackByFn"
(click)="gotoChat(chat.$key, chat)"
>
   <!-- custom angular component -->
   <chatitem [chat]="chat" [user]="user"></chatitem>
</div>

chatitem是一个Angular2组件。在ngOnInit()和ngOnChanges()方法中的该组件内进行了一些计算（对于聊天标题和未读状态，blahblah。

注意

当加载/重新加载/刷新我的应用时出现问题时，任何其他远程Firebase订阅都会失败（例如，如果我导航到一个聊天以查看消息，则不会加载它们）。控制台日志显示正确的列表项和加载的内容。

问题

我没有找到一个完美的答案，可能会引导如何调试这个。

谢谢