Angular

OnChanges

Метод вызывается в момент инициализации компонента и далее каждый раз при установлении или изменении значений входных свойств компонента.

В качестве параметра ngOnChanges() принимает объект, который является экземпляром класса SimpleChanges и содержит в качестве ключей имена входных свойств, значения которых изменились, а в качестве значений этих ключей - объект со свойствами previousValue и currentValue.

Структура объекта класса SimpleChanges.

{
  property_1: {
    currentValue: property_current_value_1,
    previousValue: property_previous_value_1
  },
  property_2: {
    currentValue: property_current_value_2,
    previousValue: property_previous_value_2
  }
}

OnInit

Метод вызывается только один раз сразу же за первым вызовом ngOnChanges() и используется для инициализации свойств компонента. Когда Angular вызывает ngOnInit, он уже построил DOM компонента, вставил все необходимые зависимости через конструктор и обработал назначения входных данных.

Настоятельно рекомендуется инициализировать свойства именно в ngOnInit(), поскольку в момент вызова конструктора входные свойства компонента еще недоступны.

ngOnInit() не аналогичен конструктору. Конструктор должен использоваться только для инициализации членов класса, но не должен выполнять фактическую "работу".

Поэтому вы должны использовать constructor() для настройки Injection Dependency и не более того.

Внедрение зависимости (англ. Dependency Injection, DI) - шаблон проектирования, предоставляющий отдельным компонентам программы, обычно классам, внешние зависимости в виде других классов или объектов, которые передаются аргументами конструктору зависимому от них класса.

DoCheck

Вызов метода ngDoCheck() осуществляется каждый раз при запуске механизма отслеживания изменений (Change Detection) и один раз сразу же после вызова ngOnInit().

AfterContentInit

Метод ngAfterContentInit() вызывается один раз сразу после первого вызова ngDoCheck() и означает, что в шаблоне был инициализирован контент, заключенный между открывающим и закрывающим тегами компонента.

Местоположение переданного в компонент контента определяется с помощью элемента <ng-content />. Пример приведен здесь.

AfterViewInit

ngAfterViewInit() вызывается один раз посел первого вызова ngAfterContentChecked() и означает полную инициализацию визуальной части компонента, включая все его дочерние компоненты.

Значения переменных, обернутых декораторами @ViewChild() и @ViewChildren(), становятся доступны в момент вызова ngAfterViewInit().

AfterViewChecked

Метод ngAfterViewChecked() вызывается сразу после ngAfterViewInit() и далее при каждом запуске отслеживания изменений относительно визуальной части компонента. Является частью вызова ngAfterContentChecked().

OnDestroy

Вызов ngOnDestroy() осуществляется непосредственно перед удалением компонента из DOM и обычно используется для совобождения ресурсов, занимаемых объектами Subscription, таймерами и обработчиками событий.