angular 中组件的生命周期函数

angular 中的生命周期:

 组件加载时,生命周期函数的执行顺序:

00 -- constructor: 首先执行构造函数,一般用来初始化变量,不应该做其他事情

01 -- ngOnChanges:  当被绑定输入属性的值发生变化时执行,父子组件传值的时候自动调用。没有输入属性值变化,不执行该函数

02 -- ngOnInit:  初始化指令和组件时执行,只执行一次。请求数据一般放在该函数内

03 -- ngDoCheck() : 绑定的属性值发生变化时执行,比如双向数据绑定,改变属性,都会触发该方法

04 -- ngAfterContentInit() : 内容投影到组件之后调用,只执行一次

05 -- ngAfterContentChecked() : 投影组件内容发生变更后调用,在ngDoCheck() 之后执行

06 -- ngAferViewInit() : 组件视图以及子视图加载完成后调用,DOM 操作放在该方法中

07 -- ngAfterViewChecked() : 组件视图和子视图变更后调用,每次ngAfterViewInit() 或者 ngAfterContentInit() 后调用

08 -- ngOnDestroy() : 组件销毁时调用

原文地址:https://www.cnblogs.com/monkey-K/p/11594160.html

时间: 2024-10-15 19:36:13

angular 中组件的生命周期函数的相关文章

React Native 中组件的生命周期(转)

概述 就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle).所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键.RN 组件的生命周期整理如下图: 如图,可以把组件生命周期大致分为三个阶段: 第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化: 第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面: 第

Vue定义组件和生命周期函数及实例演示!

定义全局组件 Vue.component("name",{...}) 定义局部组件 let Com = {....} new Vue({ data : ..., ..., components : { Name : Com } }) 定义组件时 对象内的属性 data : 数据模型(除了初始化 该属性必须是函数类型) methods : 封装方法(用于给模板调用) computed : 计算属性 watch : 监听某个数据模型的变化(默认只能监听基本数据类型,准确的来说应该是只能监听

React组件安装使用和生命周期函数

React安装在使用react时 需要安装 两个模块 react react-dom 初始化时 需要用到react-dom中的render方法 具体如下: import ReactDOM from "react-dom" ReactDOM.render(<div>test</div>,document.getElementById("app"),()=>{ console.log("应用初始化完毕") }) 或者 i

React 学习(四) ---- 生命周期函数

现在我们能修改状态,页面可以进行交互了,但是还有一种状态改变没有解决,那就是倒计时效果,时间一直在变化,组件状态也一直在改变,但我们什么都没有做,如果要实现这样的效果,需要怎么处理? 我们都知道,改变状态用的是setState,  上次讲的加减操作是在把它写到事件处理函数中来改变状态的,但现在没有什么事件供我们调用,因为我们没有做任何操作,它却一直在变化,现在要做的就是找一个机会或入口,来写setState 函数, 这个机会就是组件的生命周期函数. 生命周期也是来源于对我们对现实生活的思考, 对

Unity的生命周期函数

总结一下unity中常用的生命周期函数: void Reset() Reset是在用户点击检视面板的Reset按钮或者首次添加该组件时被调用.此函数只在编辑模式下被调用.Reset最常用于在检视面板中给定一个最常用的默认值. public GameObject target; void Reset() { target = GameObject.FindWithTag("Player"); } void  Awake () 当一个脚本实例被载入时Awake被调用. Awake用于在游戏

React教程:组件的生命周期

1.生命周期的概念 1.1.概念 在组件创建.组件属性更新.组件被销毁的过程中,总是伴随着各种各样的函数执行,这些在组件特定时期,被触发执行的函数,统称为组件的生命周期函数. 1.2.组件生命周期三个阶段 加载阶段(Mounting):在组件初始化时执行,有一个显著的特点:创建阶段生命周期函数在组件的一辈子中只执行一次: 更新阶段(Updating):属性和状态改变时执行,根据组件的state和props的改变,有选择性的触发0次或多次: 卸载阶段(Unmounting):在组件对象销毁时执行,

Cocos2d-x场景生命周期函数介绍

层(Layer)的生命周期函数有例如以下: init().初始化层调用. onEnter().进入层时候调用. onEnterTransitionDidFinish().进入层并且过渡动画结束时候调用. onExit().退出层时候调用. onExitTransitionDidStart(). 退出层并且開始过渡动画时候调用. cleanup(). 层对象被清除时候调用. 提示  层(Layer)继承于节点(Node),这些生命周期函数根本上是从Node继承而来.其实全部Node对象(包含:场景

React之生命周期函数

1.新增知识点 /* https://reactjs.org/docs/react-component.html React生命周期函数: 组件加载之前,组件加载完成,以及组件更新数据,组件销毁. 触发的一系列的方法 ,这就是组件的生命周期函数 组件加载的时候触发的函数: 顺序:constructor -> componentWillMount -> render -> componentDidMount 组件数据更新的时候触发的生命周期函数: shouldComponentUpdate

react组件的生命周期机制

组件更新 (组件状态改变)新一轮rendershouldComponentUpdate(newPros,newState)componentWillUpdatecomponentDidUpdate 组件注册getDefaultPropsgetInitialStatecomponentWillMountrender()componentDidMount 组件消亡ReactDOM.unmountComponentAtNode(destination) 去调用组件消亡生命周期函数componentWi