使用Angular 2和Node js进行实时更新

Question

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

我该怎么做才能解决这个问题？

Answer 1

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

let isMessageRead: boolean = false;

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

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

Answer 2

您可以以正常方式完成，无需任何实时。只需添加一个标志并设置为boolean并生成HTTP cal。实时数据意味着您需要使用套接字并建立套接字连接。