Angular 2 Component Constructor Vs OnInit

Question

Если я хочу, чтобы функция x выполнялась каждый раз, когда компонент загружается, независимо от того, в первый раз, я перехожу на другой сайт и перемещаюсь назад, или это уже пятый раз, когда компонент загрузился.

Что нужно положить в функцию x? Конструктор компонента или OnInit?

Answer 1

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

для того, чтобы использовать 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() 
    } 
} 

Более подробно см также Difference between Constructor and ngOnInit

Answer 2

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

Вторая соответствует жизненному циклу крючок компонентов Angular2:

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

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

Answer 3

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

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

Смотрите также Difference between Constructor and ngOnInit