使用 Angular 2 和 Node js 实时更新

【问题标题】：Real time update with Angular 2 and Node js使用 Angular 2 和 Node js 实时更新
【发布时间】：2017-11-09 11:04:21
【问题描述】：

在 Angular 2 中，我有一个导航栏，可以显示该人有多少未读消息。当此人单击该消息时，它会将其标记为已读。我的数据库被标记为已读，但在我完全刷新页面之前导航栏不会更新。

我能做些什么来解决这个问题？

【问题讨论】：

【解决方案1】：

假设你有一个navbar 组件到一个HomePage 组件，那么在你的 home-page.ts 文件中必须有一个变量：

let isMessageRead: boolean = false;

然后，您应该将 home-page.html 中的导航栏与应如下所示的 isMessageRead 变量绑定：

<navbar [read]="isMessageRead"></navbar>

【讨论】：

【解决方案2】：

您可以以正常方式进行操作，无需任何实时操作。只需添加一个标志并设置为布尔值并进行 HTTP 校准。实时数据意味着您需要使用套接字并建立套接字连接。

【讨论】：