角度2中的子組件和父組件之間有什么區別

Question

具體來說，什么是父組件和子組件，討厭所有教程，文檔都忽略了這一點，所以我編寫了一個angular 2應用程序，並且在閱讀如何在所有引用之間傳遞數據時都對什么組件有基本了解。如果就我而言，我不知道兩者之間的區別，那么這個“孩子/父母之間的互動”將無法順利進行。

Answer 1

父組件是具有更大范圍的組件，子組件是屬於該范圍但並非全部的組件。 一個示例是一個html頁面，該頁面具有工具欄，內容區域和內容區域內的表格。

如果我們看一個偽html，它看起來像：

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

綜上所述，我們說content是具有table子項的父組件，而toolbar是content的同級項。

假設content具有一些要傳遞給table數據，然后在父組件（內容）中編寫必要的邏輯以使該數據將其綁定到變量，然后在html模板屬性中將該變量綁定到table以便可以呈現它。

再次偽html：

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

希望這是清楚的，對您有所幫助

Answer 2

父組件就像子組件的容器。 子組件是父組件中更具體的部分。 例如，父組件是PERSON。 ARMS和LEGS是其子組件。