Angular 为什么使用-ngAfterContentInit生命周期方法

Angular 为什么使用-ngAfterContentInit生命周期方法,angular,angular-lifecycle-hooks,Angular,Angular Lifecycle Hooks,我在学习angular。有很多生命周期方法。例如,每当子组件的输入属性中有新值时,ngOnChanges都会运行,这些值是通过值传递的 我不理解这个方法-ngAfterContentInit。在文件中说: Angular将外部内容投影到组件的视图或指令所在的视图后进行响应 但这似乎并不是很好的解释。somoebody能告诉我为什么我们使用并更好地理解一个真实的world场景吗?用例有可能以角度投影内容 // my-container-component.template <header&

我在学习angular。有很多生命周期方法。例如,每当子组件的输入属性中有新值时,ngOnChanges都会运行,这些值是通过值传递的

我不理解这个方法-ngAfterContentInit。在文件中说:

Angular将外部内容投影到组件的视图或指令所在的视图后进行响应


但这似乎并不是很好的解释。somoebody能告诉我为什么我们使用并更好地理解一个真实的world场景吗?用例有可能以角度投影内容

// my-container-component.template
<header>
 this is my container
</header>
<main>
   <span> it contains something passed from outside </span>
   <ng-content></ng-content>
</main>
//my-container-component.template
这是我的集装箱
它包含从外面传来的东西
用法:

 <my-container><span>something that will be rendered be INSIDE of the component</span></my-container>
将在组件内部呈现的内容
span将在组件内部的
ng content
元素处呈现。
传递的这段html在英语中通常称为“内容”。因此,
ngAfterContentInit()
是一个很好的与此内容交互的钩子,如果需要的话

谢谢您的回答。我接受了您的回答BTW-在插入我的内容后-我如何在ngAfterContentInit中访问该内容?有一个
@ContentChild
@ContentChildren
查询,在ts中获取您的元素