上海乐逍遥网络科技有限公司|乐逍遥网站设计|乐逍遥网站建设|乐逍遥建站|php知识|前端技术|后端技术|网站源码|移动开发|网站运营|UI设计|数据库|网站设计|网站开发|小程序|乐逍遥每日一句|乐逍遥福利图片
主页 > 前端开发 > Angular >

angular分层架构(一)

时间:2026-06-08  编辑:

Angular的每一个组件都存在一个生命周期,从创建,变更到销毁,就是一个组件的完整的生命周期。Angular提供组件生命周期钩子,把组件在生命周期种的这些关键时刻暴露出来,赋予在这些关键结点和组件进行交互的能力。

Angular的生命周期钩子有八种,按照生命周期的执行顺序如下

1. ngOnChanges

时机:当被绑定的输入属性(@input)的值发生变化时调用,首次调用一定会发生在 ngOnInit之前;该回调方法会收到一个包含当前值和原值的changes对象。在有输入属性的情况下才会调用,该方法接受当前和上一属性值的SimpleChanges对象。如果有输入属性,会在ngOnInit之前调用。

接口:OnChanges;

适用范围: 指令和组件种;

2.ngOnInit

时机:在第一轮 ngOnChanges 完成之后调用。 ( 也就是说当每个输入属性(@input)的值都触发了一次ngOnChanges 之后才会调用ngOnInit ,此时所有的输入属性都已经有了正确的初始绑定值 );在组件初始化的时候调用,只调用一次,在第一次调用ngOnChanges之后调用

接口: OnInit

适用范围: 指令和组件种



友情链接

返回
顶部