angular生命周期
2024-10-13 05:51:54
概述
angular
的组件及指令都有相应的声明周期: 创建, 更新, 销毁, 我们可以通过实现相应的生命周期钩子接口来进入相应的该声明周期的关键时刻
组件生命周期顺序
- ngOnChanges: 当组件数据绑定的输入属性发生变化时触发, 该方法接受一个
SimpleChanges
对象,包括当前值和上一属性值.首次调用一定发生在ngOnInit
前,注意的是该方法仅限于对象的引用发生变化时,也就是说,如果对象的某个属性发生变化,Angular
是不会触发onChanges
的. - ngOninit:初始化指令或组件, 在angular第一次展示组件的绑定属性后调用,该方法只调用一次.
ngDocheck: 检测,并在发生Angular无法或不愿意自己检测的变化时作出反应。
在每个Angular变更检测周期中调用,ngOnChanges()
和ngOnInit()
之后。- ngAfterContentInit: 当把内容投影进组件之后调用。
第一次ngDoCheck()
之后调用,只调用一次. 只适用于组件。 - ngAfterContentChecked: 每次完成被投影组件内容的变更检测之后调用。
ngAfterContentInit()
和每次ngDoCheck()
之后调用,只适合组件。 - ngAfterViewInit: 在
angular
初始化组件及其子组件的视图之后调用, 只调用一次,第一次ngAfterContentChecked()
之后调用.只适合组件。 - ngAfterViewChecked: 每次做完组件视图和子视图的变更检测之后调用。
ngAfterViewInit()
和每次ngAfterContentChecked()
之后调用。只适合组件。
- ngAfterContentInit: 当把内容投影进组件之后调用。
- ngOnDestory: 在
angular
每次销毁组件或指令之前调用, 通常用于移除事件监听,退订可观察对象等. 原文直通车
最新文章
- Emacs学习心得之 LaTeX编辑
- 使用my exclipse对数据库进行操作(4)
- MEF入门之不求甚解,但力求简单能讲明白(三)
- CF# 334 Moodular Arithmetic
- 自定义滚动条样式(jQuery插件、Webkit、IE)
- Java入门1day
- Java基础(1):Switch语句注意的5个地方
- 【Pro ASP.NET MVC 3 Framework】.学习笔记.1.主要语言特性
- Linux链接库二(动态库,静态库,库命名规则,建立个没有版本号的软连接文件)
- C#遍历打印机
- System.Data.SqlTypes.SqlNullValueException: 数据为空。不能对空值调用此方法或
- Build Firefox 编译Firefox
- ZOJ 1013 Great Equipment(DP)
- C#中值参数的使用实例
- Kadj Squares - POJ 3347
- Cacti以MB为单位监控流量
- cobbler之ks文件示例
- boost:asio编译
- [ios2]使用NSOperationQueue简化多线程开发和队列的优先级 【转】
- 你真的用好了Python的random模块吗?
热门文章
- mysql编码问题:
- 暂停线程执行sleep_yield_join_stop
- thymeleaf参考手册
- angularjs呼叫Web API
- Artificial Intelligence Computing Conference(2018.09.12)
- Luogu P1896 [SCOI2005]互不侵犯
- Roslyn入门(一)-C#语法分析
- 止不住的裁员潮:看京东前员工吐槽——绩效打C还希望我好好干
- Appium Studio 初体验(windows做ios自动化,录制appium脚本)
- Docker网络解决方案 - Flannel部署记录