typescript 如何在Angular 图中识别父子元件?

r3i60tvu  于 2022-11-26  发布在  TypeScript
关注(0)|答案(3)|浏览(101)

我目前正在学习Angular 和如何在组件之间共享数据。我了解父组件和子组件的基本概念,但不确定如何识别一个组件是父组件还是子组件。以及是否有多个父组件或每个Angular 应用程序只有一个父组件,其余都是子组件。我试着在谷歌上做研究,看一些YouTube教程,但似乎没有一个能回答我的问题。

gpnt7bae

gpnt7bae1#

一个父项可以有多个查尔兹,一个父项也可以是一个子项。一个子项只能有一个父项。
父级通常在模板中定义其子级。

父组件.html

<app-child [data]="someDataPassedFromParentToChild"></app-child>
6gpjuf90

6gpjuf902#

通常,您的入口点是您的app.component.ts/html。这是您的根父组件。您创建的每个其他组件都将是app.component的直接子组件或其子组件的子组件。例如,Angular 组件看起来像一棵大树,app.component.ts/html位于其根。

eufgjt7s

eufgjt7s3#

Angular 中的每个组件可以是多个组件的父组件,而子组件只能有一个父组件。请将其视为一对多关系。
Angular应用程序从根AppModule中的引导数组开始,其中通常包含一个要在index.html dom中呈现的组件。
如果使用angular routes,则在引导组件的router outlet中呈现的每个组件都将是其所有其他子组件的入口组件。
如果未使用Angular 路由,则引导组件是根组件,也是应用中的第一个父组件。
查看有关引导阵列的Angular 文档。

相关问题