2017-05-21 21 views
2

具体的には、親コンポーネントと子コンポーネントは何ですか?すべてのチュートリアルやドキュメントがこれを覆い隠すのを嫌う、角度2のアプリケーションを作成し、コンポーネントはコンポーネント間でデータを渡す方法を読むとき、すべての参照は、私の場合については私が2つの違いを知らないとうまくいかない "子/親コンポーネントの相互作用"を参照しています。角度2の子コンポーネントと親コンポーネントの違いは何ですか?

答えて

2

親コンポーネントは、より広いスコープを持つコンポーネントであり、子コンポーネントは、そのスコープの一部であるがすべてではないコンポーネントです。 1つの例は、コンテンツエリア内にツールバー、コンテンツエリア、およびテーブルを有するHTMLページである。

我々は擬似を見れば、それは次のようになりますHTML:

<html> 
    <toolbar></toolbar> 
    <content> 
    <table></table> 
    </content> 
</html> 

はこれを見ると、私たちは contentcontentの兄弟である tabletoolbarの子を持つ親コンポーネントであると言います。

tableでレンダリングするために渡すデータがある場合は、親コンポーネント(コンテンツ)で、そのデータを変数にバインドするために必要なロジックを記述してから、htmlテンプレートプロパティその変数をtableにバインドしてレンダリングすることができます。

再び擬似HTML:

<html> 
    <content> 
    <table [tableData]="contentData"></table> 
    </content> 
</html> 

希望これは明確であり、

+0

ありがとう、あなたは単純で直接的な説明をしましたが、「ツールバーはコンテンツへの兄弟です」とはどういう意味ですか? –

+0

コンテンツと同じレベルにあるか、兄弟です –

0

親コンポーネントは子コンポーネントのコンテナのようなものであるのに役立ちます。子コンポーネントは、親コンポーネント内のより特定の部分です。例はPERSONである親コンポーネントです。 ARMSとLEGSはその子要素です。

関連する問題