Angular2はAPIエンドポイントにコンポーネントをバインドします

Question

私はAngular2アプリケーションを構築しており、ネストされたコンポーネントを使用してページを構築しています。

しかし、フィルタとして機能する1つのネストされたコンポーネントは、他のすべてのネストされたコンポーネントがそのフィルタに設定されたものに基づいて表示される情報を更新するようにする必要があります。 私は自分のページがどのようなものか、達成したいもののスキームをつけています。

私はすでに、ネストされたコンポーネントは、親コンポーネントがアクションを定義したものは何でもトリガするためには何でも上のイベントを発することができることを知っています。 - 指定されたAPIエンドポイントにコンポーネントをバインドし、そのコンポーネントが設定されているものに応じて（エンドポイントに要求を出して）表示される情報を更新できるようにすることはできますかフィルターに？ - APIエンドポイントに直接バインドされていない場合、ページ上のすべてのコンポーネントをフィルタに依存させるにはどうすればよいですか？

よろしくお願いいたします。

Answer 1

すべてのコンポーネントからアクセスできるInjectable（）サービスを作成する必要があります。

クラスを@Injectable（）でアノテーションしてサービスを宣言します。次に、このクラスをアプリケーションモジュールのプロバイダ配列に追加します。これにより、すべてのコンポーネントがグローバルに利用できるようになり、シングルトンサービスとして機能します。最後に、コンポーネントクラスのコンストラクタを使用してコンポーネントにサービスを注入します。ここで、フィルタ結果コンポーネントがフィルタ設定の状態を読み取ることができる中央オブジェクトがあります。

サービスの詳細については、https://angular.io/docs/ts/latest/tutorial/toh-pt4.html