Angular 的 ngOnInit 和 Constructor 的区别!

转载自  http://www.ngui.cc/index.html

Constructor 是当类被实例化时,确保在类及其子类字段正确初始化时所执行的类的默认方法。
ngOnInit是Angular调用的声明周期钩子,表示Angular 创建了组件。
我们必须导入OnInit才能这样使用(实际执行OnInit不是强制性的,但被认为是最佳实践):
import {Component,OnInit} from '@angular/core';
那么就用这样的方法OnInit来实现我们在类中的实现。


export class App implements OnInit{
  constructor(){
     //called first time before the ngOnInit()
  }


  ngOnInit(){
     //called after the constructor and called  after the first ngOnChanges() 
  }
}
在你的指令的数据绑定属性被初始化之后,实现这个接口来执行自定义的初始化逻辑。ngOnInit在第一次检查伪指令的数据绑定属性之后,以及在其任何子项被检查之前调用。当指令被实例化时,它只被调用一次。
大多数情况下,我们使用ngOnInit所有的初始化/声明,并避免在构造函数中工作。构造函数只能用于初始化类成员,不应该做实际的“工作”。


所以你应该使用constructor()设置依赖注入,而不是其他的。ngOnInit()是“开始”的好地方 - 它是解析组件绑定的地方。

angular 教程网 http://www.ngui.cc


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值