1.父组件中AppComponent中实现 AfterContentInit,AfterContentChecked,AfterViewInit三个接口
export class AppComponent implements AfterContentInit,AfterContentChecked,AfterViewInit {
ngAfterViewInit(): void {
console.log("父组件视图初始化完毕");
}
ngAfterContentChecked(): void {
console.log("父组件投影内容变更检测完毕");
}
ngAfterContentInit(): void {
console.log("父组件投影内容初始化完毕");
}
}
2.在子组件中也实现这三个接口:
export class RedBorderComponent implements AfterContentInit,AfterContentChecked,AfterViewInit {
ngAfterViewInit(): void {
console.log("子组件视图初始化完毕");
}
ngAfterContentChecked(): void {
console.log("子组件投影内容变更检测完毕");
}
ngAfterContentInit(): void {
console.log("子组件投影内容初始化完毕");
}
}
启动应用运行结果如下: