Angular 2 Konstruktor komponentów Vs OnInit

Question

Jeśli chcę, aby funkcja x działała za każdym razem, gdy komponent ładuje, po raz pierwszy, przechodzę do innej witryny i nawiguję wstecz lub po raz piąty komponent został załadowany.

Co powinienem wstawić funkcję x? Konstruktor komponentów lub OnInit?

Answer 1

Konstruktor jest predefiniowaną domyślną metodą klasy maszynopis. Nie ma związku między Angular i constructor. Zwykle używamy constructor do definiowania/inicjowania niektórych zmiennych, ale kiedy mamy zadania związane z wiązaniami Angulara, przechodzimy do haka cyklu życia Angulara ngOnInit. ngOnInit jest wywoływana tuż po wywołaniu konstruktora. Możemy również wykonać tę samą pracę w konstruktorze, ale lepiej jest użyć ngOnInit, aby rozpocząć wiązanie Angulara.

w celu wykorzystania ngOnInit musimy importować ten hak z biblioteki rdzenia:

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

Następnie wdrożymy ten interfejs z eksportowanego klasy (nie jest to obowiązkowe, aby wdrożyć ten interfejs, ale ogólnie zrobiliśmy).

Przykład wykorzystania zarówno:

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

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

Więcej szczegółów patrz także Difference between Constructor and ngOnInit

Answer 2

Pierwszy (konstruktor) jest powiązany z instancją klasy i nie ma nic wspólnego z Angular2. Mam na myśli, że konstruktor może być użyty na dowolnej klasie. Można w nim umieścić pewne przetwarzanie inicjacji dla nowo utworzonej instancji.

Drugi odpowiada hakiem cyklu życia komponentów Angular2:

• ngOnChanges nazywa gdy wartość wiązania wejście lub wyjście zmienia
• ngOnInit nazywa się po pierwszym ngOnChanges

So powinieneś użyć ngOnInit, jeśli przetwarzanie inicjalizacji twojej funkcji zależy od powiązań komponentu (na przykład parametry komponentu zdefiniowane przez @Input), w przeciwnym razie konstruktor będzie wystarczający ...

Answer 3

constructor() to narzędzie maszynopisujące się pod numerem new SomeClass(). Konstruktor zapewnia prawidłową kolejność inicjalizacji pól w hierarchiach klas.

ngOnInit to metoda cyklu życia Angular2, która jest wywoływana przez Angular, gdy jest tworzona komponent, a po oszacowaniu powiązań i zaktualizowała dane wejściowe po raz pierwszy.

Zobacz także Difference between Constructor and ngOnInit