在 ngOnInit 或构造函数中调用初始化方法 [重复]

【问题标题】：call initialize method in ngOnInit or constructor [duplicate]在 ngOnInit 或构造函数中调用初始化方法 [重复]
【发布时间】：2018-06-23 06:33:49
【问题描述】：

我对 Angular 4 很陌生，

你能告诉我调用像 initializeMyObj() 这样的方法有什么不同吗？在构造函数中比在 ts 文件中的 ngOnInit？

谢谢

【问题讨论】：

标签： angular constructor ngoninit

【解决方案1】：

主要区别在于构造函数是 typescript 构造，而 ngOnInit 是组件和指令的生命周期钩子。

构造函数用于初始化组件。此时，@Input绑定属性没有初始化。

另一方面，ngOnInit 在constructor 和ngOnChange 之后被调用一次。此时，组件被初始化，属性被绑定。

@Component({
...
})
export class MyComp{
    @Input() someprop;
    constructor(){
        console.log(someprop); //undefined
    }
    ngOnInit(){
        console.log(someprop); 
    }
}

【讨论】：