Конструктор компонентов Angular 2 против OnInit

Конструктор — это предопределенный метод по умолчанию для машинописного класса. Между Angular и constructor нет никакой связи. Обычно мы используем constructor для определения/инициализации некоторых переменных, но когда у нас есть задачи, связанные с привязками Angular, мы переходим к хуку жизненного цикла Angular ngOnInit. ngOnInit вызывается сразу после вызова конструктора. Мы также можем выполнить ту же работу в конструкторе, но предпочтительнее использовать ngOnInit для запуска привязки Angular.

чтобы использовать ngOnInit, мы должны импортировать этот хук из основной библиотеки:

import {Component, OnInit} from '@angular/core'

Затем мы реализуем этот интерфейс с экспортированным классом (это не обязательно для реализации этого интерфейса, но обычно мы это делали).

Пример использования обоих:

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

  ngOnInit(){
     //called after the constructor and called  after the first ngOnChanges() 
  }
}

Подробнее см. также Разница между конструктором и ngOnInit

Первый (конструктор) связан с созданием экземпляра класса и не имеет ничего общего с Angular2. Я имею в виду, что конструктор можно использовать в любом классе. Вы можете поместить в него некоторую обработку инициализации для вновь созданного экземпляра.

Второй соответствует хуку жизненного цикла компонентов Angular2:

• ngOnChanges вызывается при изменении входного или выходного значения привязки
• ngOnInit вызывается после первого ngOnChanges

Таким образом, вы должны использовать ngOnInit, если обработка инициализации вашей функции зависит от привязок компонента (например, параметры компонента, определенные с помощью @Input), в противном случае конструктора было бы достаточно...

constructor() — это функция машинописного текста, которая вызывается для new SomeClass(). Конструктор обеспечивает правильный порядок инициализации полей в иерархии классов.

ngOnInit — это метод жизненного цикла Angular2, который вызывается Angular после завершения сборки компонента и после первой оценки привязок и обновления входных данных.

См. также Разницу между конструктором и ngOnInit