Angular生命周期函数

应用初始化钩子函数ngOnInit

  // 在angular应用初始化的时候执行， Angular在创建组件后立刻调用它 
    // 页面刷新时会触发该生命周期函数
    // 一般用于请求数据
    ngOnInit(){
         // 锚点改变事件,  当前 URL 的锚部分(以 '#' 号为开始) 发生改变时触发
         window.onhashchange=()=>{  
                //获取页面地址中#后的字符串
                const hash=window.location.hash.substr(1)
            }
    }

视图加载完成钩子函数 ngAfterViewInit，DOM加载完成

 // 视图加载完成以后触发该方法
    // 一般用于DOM操作
    ngAfterViewInit() {

  	}

组件销毁钩子函数ngOnDestory，

  // 组件销毁时触发该方法
     ngOnDestory() {
    
     }

组件变更检测钩子函数ngDoCheck

 // 组件变化时触发该方法,页面会一直触发,慎用
     ngDoCheck() {
    
     }

可绑定属性变更检测钩子函数ngOnChanges

 // OnChanges 是专门设计用于具有 @Input() 装饰器的属性的
 // 当指令的任何一个可绑定属性发生变化时调用
     ngDoCheck(changes: SimpleChanges) {
    	// SimpleChanges:那些发生了变化的属性
     }