ng2生命周期

[dinglittle]

生命周期

• 生命周期钩子概述

• 实例讲解每个 钩子

  ---

  constructor (构造函数)不算钩子，钩子只有下面的8个

  ngOnChanges 有可能多次

  ngOnInit 只调用一次

  ngDoCheck 有可能多次

  ngAfterContentlnit 只调用一次

  ngAfterContentChecked 有可能多次

  ngAfterViewInit 只调用一次

  ngAfterViewChecked 有可能多次

  ngOnDestory 只调用一次

  调用多次的 交互过程中 可能多次调用

  Conent(内容) 和 View(视图) 只能用在组件上，因为指令是不能带有视图的，只有组件可以

[dinglittle]

ngDoCheck 检测策略

• Default:无论哪个组件发生了变化，从根组件开始全局遍历调用 ngDoCheck()

• OnPush:只有当组件的 @Input 属性发生变化的时候才调用本组件的 ngDoCheck()

  详解ngDoCheck过程

  ChangeDetectionStrategy.default (变更安全检测策略 - default)

  

  ChangeDetectionStrategy.onPush (变更检测策略 - push)

  

设置 ngDoCheck 检测策略为push

//@Component 内，设置  
changeDetection:ChangeDetectionStrategy.OnPush

//需要在 import 导入 ChangeDetectionStrategy
import{ Component, Input , ChangeDetectionStrategy} from '@angular/core';