angular.js - angularjs で 2 つのコントローラーでリアルタイム通信を実現するにはどうすればよいですか?

Question

コントローラー a と b があり、コントローラー a をクリックした後、コントロール b に p を表示するにはどうすればよいですか?

例: コントローラー a はメニュー、コントローラー b はコンテンツ領域です。a で別のメニューをクリックし、b で別のコンテンツの表示を制御します。

少し努力してみました: サービスとファクトリーを試しましたが、データを共有できるだけで、リアルタイムでトリガーすることはできません

Answer 1

ここでは 2 つの方法を試しました:
1. angular 独自のイベント メカニズムを使用します

リーリー

コントローラーで使用され、イベント通知を b に送信するために a を追加します:

リーリー

2. サービスを使用してコールバック イベントをシミュレートする 本質は、コントローラー間で使用するグローバル コールバック関数を保存することです。 リーリー

Answer 2

そうだね。イベントのバブリングとトンネリングのメカニズムを試すことができます。

Answer 3

こちらからご覧いただけます

より直接的に言うと、$broadcast と $on を試すことができますが、効率は悪くなります

Answer 4

上に書いたことは十分に純粋ではない（他の考慮事項と混合している）ので、純粋なバージョンを追加します。
デモが提供されています

コードは次のとおりです

リーリー

Answer 5

1) すべてのイベントをグローバルに管理するイベント バスを作成します
2)。