Angular 2とNode jでリアルタイム更新

Question

Angular 2で私はnavbarを持っていて、人が持っている未読メッセージの数を表示します。その人がメッセージをクリックすると、メッセージはそれを読んだものとしてマークします。私のデータベースは読み取り済みとマークされていますが、ページを完全に更新するまでは、Navbarは更新されません。

この問題を解決するにはどうすればよいですか？

Answer 1

、あなたの家庭page.tsファイル内の変数が存在しなければならない、あなたはHomePageコンポーネントにnavbarコンポーネントを持っていると仮定すると：

let isMessageRead: boolean = false; 

あなたは、ホーム・ページにナビゲーションバーをバインドする必要があります。次のようになります。isMessageRead変数とHTMLは：

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

Answer 2

あなたは、通常の方法で任意のリアルタイムの必要性を全くそれを行うことはできません。単にフラグを追加してブール値に設定し、HTTP calを作成するだけです。リアルタイムデータとは、ソケットを使用してソケット接続を確立する必要があることを意味します。