2016-12-15 22 views
0

私はこの答えを恐れるので、この質問をするのは少し恥ずかしく思います。コンポーネント2からコンポーネントBで定義されたテンプレートへの角度2のパスデータ

Iは、これらのコンポーネントの各々は、テンプレートを有する3つの成分A、B & Cを有しています。 コンポーネントAのテンプレートには、カスタムタグが含まれています。もちろん、コンポーネントBのテンプレートにはカスタムタグが含まれています。

は今、私は、データがコンポーネントにテンプレート...またはそのようないくつかのことをバインドされているBから今私@output場合、Cに成分Bから流れるように必要なデータのチャンクを持っています。これは、テンプレートを共有しないので、これをCに利用することはできません。

私が成分BからB上のテンプレートに「出力」のデータをできるようにする必要があるようですが、これは円形と思われます。 @ViewChildを使用してテンプレート参照変数を調べましたが、テンプレートBでデータを表示できるようにはなっていないようです。

明らかに私が見逃したことはありませんか?要約すると

+0

コンポーネントのプロパティは、そのテンプレートで直接使用できます。 'name'を宣言して' this.name = 'steve''を設定すると、それを '{{name}}'テンプレートに表示するか、他のコンポーネントに渡すことができます ' '。それはあなたが望んだことですか?そうでない場合は、何をしようとしているのかわからないので、コードを入力してください。 – Sasxa

+0

@Sasxa;これは実際には正確に正しいです。これが正しいアプローチであることを確信できるようになったので、このアプローチが私の特定のケースではうまくいかない理由を理解しようとすることができます。 – Done

+0

@サクサ;もう一度私はこの問題のあなたの援助に感謝します。誰かが将来この問題を遭遇した場合に、閉鎖されたサマリー・ノートを追加して、ゆるい終わりを終わらせたいと思っていました。 – Done

答えて

0

...私は、これらの各コンポーネントは、関連するテンプレートを持っている3つの成分A、B & Cを持っています。コンポーネントAのテンプレートにはカスタムタグ<Bx>が含まれ、コンポーネントBxのテンプレートにはカスタムタグ<C>が含まれています。データオブジェクトをAからCに渡すことが望ましい。このデータオブジェクトはコンポーネントAのthisスコープでthis.dataと定義されているので、このデータ転送の最初のステップはコンポーネントBに@Import() data: Objを含めることである。 <B [data]="data"></B>をAのテンプレートに追加します。この@Importステートメントはthis.dataをコンポーネントBに提供し、コンポーネントBのテンプレートに<C [data]="data"></C>として配置することができます。

多くの指導のための@Sasxaのおかげで、物語のアプローチのための私の謝罪が、それは私の状況と解像度を説明するための明確な方法です。

関連する問題