文章内容

2020/9/15 10:25:34,作 者: 黄兵

Angular ngOnInit()与ngAfterViewInit() 理解

最近再优化Angular程序,有一些内容需要在ngOnInit()初始化,具体在什么情况下会执行ngOnInit(),经过测试,总结如下:

  • 在Angular中通过跳转到其他页面,之后再通过连接跳转回来会执行ngOnInit()
  • 页面加载的时候会执行ngOnInit()
  • 通过连接跳转到其他页面,之后通过浏览器后退按钮返回原来页面,会执行ngOnInit()
  • 关于页面初始化的内容可以参考官方文档,地址:生命周期钩子

所有在ngOnInit()里面初始化了,在同一个组件,其他地方就不需要再次初始化。

同时经过测试ngAfterViewInit()也与ngOnInit()具有相似的功能,但是两者在加载时间上存在一些差异:

ngOnInit()页面在第一轮 ngOnChanges() 完成之后调用,只调用一次。

ngAfterViewInit()第一次 ngAfterContentChecked() 之后调用,只调用一次。


黄兵个人博客原创。

转载请注明出处:黄兵个人博客 - Angular ngOnInit() 理解

分享到:

发表评论

评论列表

user-ico

sxxx on 回复 有用(0

hahahahaha