Angular中的生命周期实例分析

今天小编给大家分享一下Angular中的生命周期实例分析的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。接触过 react 和 vue 开发的读者应该对生命周期这个概念不陌生。我们在使用 angular 开发的过程中，是避免不了的。组件从开始建立到销毁的过程中，会经历过一系列的阶段。这就是一个生命周期，这些阶段对应着应用提供的 lifecycle hooks。那么，在 angular 中，这些 hooks 都有哪些呢？了解它们，对你编写程序应该在哪里编写，很重要。angular 中，生命周期执行的顺序如下：为了解说和验证，我们用 angular-cli 生成一个 demo 项目。在 es6 中的 class 初始化对象的时候，constructor 会立即被调用。angular 的组件本身就是导出一个类。当这个组件被 new 起来的时候，会获取 constructor 中的预设的值。当我们有外部参数更改的时候，我们就会执行 ngOnChanges，也就是说组件中有 @Input 所绑定的属性值发生改变的时候调用。简单说，父组件绑定子组件中的元素，会触发这个钩子函数，可以多次出发。这在下面的 ngOnInit 总会介绍。这个方法调用的时候，说明组件已经初始化成功。在第一次 ngOnChanges() 完成之后调用，且只调用一次。打印的信息如下：咦？怎么没有打印 ngOnChanges 中的钩子函数信息呢？上面已经说过了，需要触发条件 @Input 的属性值改变的时候。我们来修改一下：当通过 @Input 将值传递给子组件 demo 的时候，就会触发 demo 组件中的 ngOnChanges。当 @Input 传递的属性发生改变的时候，可以多次触发 demo 组件中的 ngOnChanges 钩子函数。当发生变化检测的时候，触发该钩子函数。这个钩子函数，紧跟在每次执行变更检测时候 ngOnChanges 和首次执行执行变更检测时 ngOnInit 后面调用。这个钩子函数调用得比较频繁，使用成本比较高，谨慎使用。一般使用 ngOnChanges 来检测变动，而不是 ngDoCheck当把外部的内容投影到内部组件，第一次调用 ngDoCheck 之后调用 ngAfterContent免费云主机、域名Init，而且只调用一次。ngAfterContentChecked 钩子函数在每次 ngDoCheck 之后调用.视图初始化完成调用此钩子函数。在第一次 ngAfterContentChecked 之后调用，只调用一次。这个时候，获取页面的 DOM 节点比较合理视图检测完成调用。在 ngAfterViewinit 后调用，和在每次 ngAfterContentChecked 之后调用，也就是在每次 ngDoCheck 之后调用。组件被销毁时候进行的操作。在这个钩子函数中，我们可以取消订阅，取消定时操作等等。以上就是“Angular中的生命周期实例分析”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注云技术行业资讯频道。

相关推荐: js中怎么用文件流下载csv文件

这篇文章主要讲解了“js中怎么用文件流下载csv文件”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“js中怎么用文件流下载csv文件”吧！ js使用文件流下载csv文件的实现方法理解 Blob 对象在 Blob …