Angular 的 ngOnInit 和 Constructor 的区别!

简介: 转载自  http://www.ngui.cc/index.htmlConstructor 是当类被实例化时,确保在类及其子类字段正确初始化时所执行的类的默认方法。

转载自  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


相关文章
|
4月前
|
JavaScript 前端开发 API
vue与angular以及react的区别
vue与angular以及react的区别
|
3月前
|
前端开发 JavaScript
vue、react、angular 区别
vue、react、angular 区别
|
4月前
|
JavaScript 前端开发 开发工具
vue与angular以及react的区别
vue与angular以及react的区别
43 0
|
4月前
|
JavaScript 前端开发 API
Vue、jquery和angular之间区别
Vue、jquery和angular之间区别
38 2
|
5月前
|
设计模式 监控 测试技术
Angular 使用 Constructor Parameters 进行依赖注入的优缺点
Angular 使用 Constructor Parameters 进行依赖注入的优缺点
23 0
|
5月前
|
设计模式 JavaScript 测试技术
什么是 Angular 基于 Constructor Parameter 的 Dependency Injection
什么是 Angular 基于 Constructor Parameter 的 Dependency Injection
31 0
|
5月前
|
设计模式
Angular 依赖注入领域里 optional constructor parameters 的概念介绍
Angular 依赖注入领域里 optional constructor parameters 的概念介绍
23 0
|
5月前
|
移动开发 JavaScript 前端开发
vue与react,angular的区别
vue与react,angular的区别
74 1
|
5月前
|
XML JavaScript 前端开发
vue与Angular以及React的区别
vue与Angular以及React的区别
36 0
|
6月前
|
JavaScript
Angular Component 属性绑定 target 和 attr.target 的区别
Angular Component 属性绑定 target 和 attr.target 的区别
35 0