角度2中的子组件和父组件之间有什么区别,

时间:2017-05-21 00:38:13

标签: angular

具体来说,什么是父组件和子组件,讨厌所有教程,文档刷过这个,我做了一个角度2应用程序,并且在阅读如何在组件之间传递数据时基本了解哪些组件引用是指"子/父组件交互"如果我的情况我不知道两者之间的区别,哪一个不能好。

2 个答案:

答案 0 :(得分:5)

父组件是具有更宽范围的组件,子组件是该范围的一部分,但不是全部组件。一个例子是一个html页面,它有一个工具栏,一个内容区域和一个内容区域内的表。

如果我们看一下伪html,它看起来像:

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

考虑到这一点,我们说content是一个父组件,其子级为table,而toolbarcontent的兄弟。

让我们说content有一些数据需要传递给table呈现然后在父组件(内容)中你要编写必要的逻辑来获取数据将它绑定到一个变量,然后在html模板属性中将该变量绑定到table,以便可以呈现它。

再次伪ptml:

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

希望这很清楚并且有帮助

答案 1 :(得分:0)

父组件就像子组件的容器。子组件是父组件中更具体的部分。示例是父组件是PERSON。 ARMS和LEGS是其​​中的子组件。