具体的には、親コンポーネントと子コンポーネントは何ですか?すべてのチュートリアルやドキュメントがこれを覆い隠すのを嫌う、角度2のアプリケーションを作成し、コンポーネントはコンポーネント間でデータを渡す方法を読むとき、すべての参照は、私の場合については私が2つの違いを知らないとうまくいかない "子/親コンポーネントの相互作用"を参照しています。角度2の子コンポーネントと親コンポーネントの違いは何ですか?
2
A
答えて
2
親コンポーネントは、より広いスコープを持つコンポーネントであり、子コンポーネントは、そのスコープの一部であるがすべてではないコンポーネントです。 1つの例は、コンテンツエリア内にツールバー、コンテンツエリア、およびテーブルを有するHTMLページである。
我々は擬似を見れば、それは次のようになりますHTML:
<html>
<toolbar></toolbar>
<content>
<table></table>
</content>
</html>
はこれを見ると、私たちは
content
が
content
の兄弟である
table
と
toolbar
の子を持つ親コンポーネントであると言います。
table
でレンダリングするために渡すデータがある場合は、親コンポーネント(コンテンツ)で、そのデータを変数にバインドするために必要なロジックを記述してから、htmlテンプレートプロパティその変数をtable
にバインドしてレンダリングすることができます。
再び擬似HTML:
<html>
<content>
<table [tableData]="contentData"></table>
</content>
</html>
希望これは明確であり、
0
親コンポーネントは子コンポーネントのコンテナのようなものであるのに役立ちます。子コンポーネントは、親コンポーネント内のより特定の部分です。例はPERSONである親コンポーネントです。 ARMSとLEGSはその子要素です。
関連する問題
- 1. 2角度 - 子供のルート親コンポーネント
- 2. 角度2:親コンポーネントから子コンポーネントのフォームフィールドを検証
- 3. 角度1.xコントローラと角度2コンポーネントの違いは何ですか?
- 4. 角度2親コンポーネントは、法
- 5. 角2親コンポーネントをチェックする子コンポーネント
- 6. Angular 2コンポーネントとWebコンポーネントの違いは何ですか?
- 7. 角度2の複数のCRUDコンポーネント:ルーティングコンポーネントまたは親コンポーネント
- 8. 角2:子コンポーネントから親コンポーネントのスクリプトファイルに直接送信
- 9. 角2パスのデータ親子コンポーネント
- 10. 子コンポーネントの角2 ngModelが親コンポーネントのプロパティを更新する
- 11. どのように角度2の子コンポーネントから親コンポーネントに値を渡すことができますか?
- 12. 角2:親コンポーネントから子コンポーネントの子ノードにスタイルを適用しない
- 13. 角度材質2のコンポーネントで `cdk 'とは何か
- 14. 角度2 - コンポーネント
- 15. 角2 - 親コンポーネントの `first child`コンポーネントから` second child`コンポーネントへのルーティング
- 16. は、私は子コンポーネントのリストをホストする親コンポーネントをした角度
- 17. コンポーネントは、角度JSで2
- 18. 角度2が間違ったコンポーネント
- 19. 角度2の子コンポーネントが親コンポーネントの配列から項目を削除しています
- 20. 角度2 - 親と子は
- 21. 子コンポーネントの親コンポーネント変数にアクセスできない - 角4
- 22. 角2はネストされたルートです。親ルートコンポーネントの子コンポーネント
- 23. 角2コンポーネントの子でメソッドのメソッドをコンポーネントの親に送信する方法
- 24. 角2:異なる子コンポーネントで同じ親コンポーネントを使用できますか?
- 25. 角度ダイアログの子コンポーネント
- 26. 角度2の他の子コンポーネントの子コンポーネントの値にアクセスする方法
- 27. 角度2コンポーネントとポートレット
- 28. 親コンポーネントの子コンポーネントを角の形で作成する
- 29. 角2親子関係のないコンポーネント間でオブジェクトを送信
- 30. 角度2:multiplleコンポーネント
ありがとう、あなたは単純で直接的な説明をしましたが、「ツールバーはコンテンツへの兄弟です」とはどういう意味ですか? –
コンテンツと同じレベルにあるか、兄弟です –