当我们使用关于ngcontentInit生命周期钩子的讨论时，将内容从父母投射到孩子是什么意思？

Question

我试图了解Angular中的生命周期钩子。对于ngcontentInit，当父项目输入子视图时调用它。

这里的投影是什么意思。是否意味着在父视图初始化之前完全初始化投影组件的视图？

Answer 1

class ComponentProjected{
   ngOnInit(){
     console.log("Projected onInit");
   }
   ngAfterViewInit(){
      console.log("Projected ViewInit");
   }
 }




@Component({
  selector: "app-root",
  template: "<ng-content></ng-content>",
  styleUrls: ["./app.component.scss"]
})
export class ComponentParent implements AfterContentInit {
  ngAfterContentInit(): void {
    console.log("Content initialized");
  }
}

它会记录

console.log("Projected onInit");
console.log("Projected ViewInit");
console.log("Content Initialized"):

因此，它将初始化投影组件渲染视图，然后触发afterContentInit