Komponenty i cykl życia
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
1Czym jest lifecycle hook w Angular?
Czym jest lifecycle hook w Angular?
Odpowiedź
Lifecycle hook to specjalna metoda wywoływana automatycznie przez Angular w kluczowych momentach cyklu życia komponentu lub dyrektywy. Te hooki pozwalają wykonywać kod na określonych etapach, takich jak tworzenie, aktualizacja lub niszczenie. Najczęściej używane hooki to ngOnInit, ngOnChanges i ngOnDestroy.
2Kiedy wywoływane jest ngOnInit?
Kiedy wywoływane jest ngOnInit?
Odpowiedź
ngOnInit jest wywoływane raz po pierwszym ngOnChanges, gdy wszystkie właściwości @Input zostały zainicjalizowane. Jest to idealny hook do inicjalizacji danych komponentu, rozpoczynania subskrypcji lub wywoływania usług. Jest preferowany nad constructor dla logiki inicjalizacji, ponieważ wszystkie bindingi są gwarantowane dostępne.
3Jaka jest główna różnica między ngOnChanges a ngOnInit?
Jaka jest główna różnica między ngOnChanges a ngOnInit?
Odpowiedź
ngOnChanges jest wywoływane za każdym razem, gdy wartość właściwości @Input zmienia się, i otrzymuje obiekt SimpleChanges zawierający stare i nowe wartości. ngOnInit jest wywoływane tylko raz po pierwszej inicjalizacji. Użyj ngOnChanges do reagowania na zmiany inputów i implementowania logiki zależnej od wartości @Input. Wybieraj ngOnInit do jednorazowej inicjalizacji, takiej jak wywołania API lub konfiguracja początkowa.
Dlaczego używać ngOnDestroy w komponencie?
W jakiej kolejności wywoływane są lifecycle hooks podczas tworzenia komponentu?
+17 pytań z rozmów
Inne tematy rekrutacyjne Angular
Podstawy TypeScript
TypeScript zaawansowany
Podstawy Angulara
Services & Dependency Injection
Organizacja modułów Angular
Angular CLI
Dyrektywy i Pipe'y
Routing i Nawigacja
Formularze reaktywne
Formularze template-driven
Podstawy RxJS
Operatory RxJS
HttpClient i wywołania API
Podstawowe zarządzanie stanem
Change Detection
Angular Signals
Standalone Components
Testy jednostkowe w Angular
Testowanie End-to-End
Build i optymalizacja
Podstawy NgRx
Zaawansowany NgRx
Architektura Angular
Optymalizacja wydajności
Bezpieczeństwo i najlepsze praktyki
Zaawansowane wzorce RxJS
Angular Universal i SSR
Angular Micro-frontends
Opanuj Angular na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo