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

Question

我正在学习 angular.There 很多生命周期方法。例如，每次在子组件的输入属性中有新值时，ngOnChanges 都会运行 - 按值传递。

我不明白方法 - ngAfterContentInit。在 angular 文档中说：

https://angular.io/guide/lifecycle-hooks

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

但这似乎不是很好的解释。 somoebody 请告诉我为什么我们使用并更好地理解一个 REAL WOLRD SCENARIO - USE CASE

Answer 1

有可能在angular

中进行内容投影

// 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><span>something that will be rendered be INSIDE of the component</span></my-container>

跨度将代替组件内的 ng-content 元素呈现。 html 的这一段在 angular 中通常称为“内容”。所以 ngAfterContentInit() 是与此内容互动的好钩子，如果你需要

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

Why we use - ngAfterContentInit lifecycle method

angular

angular-lifecycle-hooks