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


相关文章
|
6月前
|
JavaScript 前端开发 API
vue与angular以及react的区别
vue与angular以及react的区别
|
6月前
|
前端开发 JavaScript
vue、react、angular 区别
vue、react、angular 区别
|
11月前
|
JavaScript 前端开发 API
Vue、jquery和angular之间区别
Vue、jquery和angular之间区别
75 2
|
移动开发 JavaScript 前端开发
vue与react,angular的区别
vue与react,angular的区别
118 1
|
6月前
|
JavaScript 前端开发 开发工具
vue与angular以及react的区别
vue与angular以及react的区别
67 0
|
XML JavaScript 前端开发
vue与Angular以及React的区别
vue与Angular以及React的区别
73 0
|
移动开发 JavaScript 前端开发
vue与angular以及react的区别
vue与angular以及react的区别
235 0
|
JavaScript 前端开发 vr&ar
Angular 1和Angular 2的区别
Angular 1和Angular 2的区别
197 0
|
JavaScript
Angular路由与Nodejs路由的区别
转自:http://www.imooc.com/qadetail/114683?t=148182 觉得angualr.js的路由是针对于单页面的路由,每次路由发生变化,只是页面的状态发生变化,页面本身没有发生跳转 express的路由是针对多页面的,也就是说他做的页面,路由的切换是伴随着页面的切换 所以建议页面内部的路由变化使用angular.js 的router,而页面间的路由用express 经过我自己的实践,我终于在express环境中把angular跑起来了,简直是哔了狗,俺够啦。
1369 0