Angular组件——组件生命周期(二)

 view钩子有2个,ngAfterViewInit和ngAfterViewChecked钩子。

1、实现ngAfterViewInit和ngAfterViewChecked钩子时注意事项

以父组件调用子组件方法 中例子为基础,在父组件中实现ngAfterViewInit和ngAfterViewChecked钩子。

这两个钩子是在组件的模版所有内容组装完成后,组件模版已经呈现给用户看了,之后这两个钩子方法会被调用。

@ViewChild('child1') child1:Child1Component; //父组件中获得子组件的引用 ngOnInit(){ this.child1.greeting("Tom"); } ngAfterViewInit(){ console.log("父组件的视图初始化完毕"); } ngAfterViewChecked(){ console.log("父组件的视图变更检测完毕"); }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wssxsw.html