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

Nel*_*ora 5 angular

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

Mik*_*ung 6

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

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

<html>
  <toolbar></toolbar>
  <content>
    <table></table>
  </content>
</html>
Run Code Online (Sandbox Code Playgroud)

看看这个我们说的content是一个父组件,它有一个孩子table并且toolbar是兄弟姐妹content.

假设content有一些数据需要传递给渲染,table然后在父组件(内容)中你会编写必要的逻辑来获取数据将它绑定到一个变量然后在html模板属性中将该变量绑定到table所以它可以渲染.

伪html:

<html>
  <content>
    <table [tableData]="contentData"></table>
  </content>
</html>
Run Code Online (Sandbox Code Playgroud)

希望这是明确和有帮助的