Dyrektywy i Pipe'y
Built-in directives, custom directives, attribute directives, structural directives, built-in pipes, custom pipes, pure vs impure pipes
1Czym jest dyrektywa strukturalna w Angularze?
Czym jest dyrektywa strukturalna w Angularze?
Odpowiedź
Dyrektywy strukturalne modyfikują strukturę DOM, dodając, usuwając lub manipulując elementami. Są poprzedzone znakiem * (np. *ngIf, *ngFor). W przeciwieństwie do dyrektyw atrybutu, które modyfikują wygląd lub zachowanie, dyrektywy strukturalne mogą dodawać lub usuwać elementy z DOM.
2Jaka jest poprawna składnia używania ngFor z trackBy?
Jaka jest poprawna składnia używania ngFor z trackBy?
Odpowiedź
Poprawna składnia używa średnika do oddzielenia iteracji od funkcji trackBy. Funkcja trackBy poprawia wydajność, umożliwiając Angularowi identyfikację elementów, które zostały zmienione, dodane lub usunięte. Przyjmuje dwa parametry (index i item) i zwraca unikalny identyfikator.
3Dlaczego używać trackBy z ngFor?
Dlaczego używać trackBy z ngFor?
Odpowiedź
trackBy poprawia wydajność renderowania list, umożliwiając Angularowi precyzyjną identyfikację elementów, które uległy zmianie. Bez trackBy Angular odtwarza wszystkie elementy DOM, gdy występują zmiany. Z trackBy aktualizowane są tylko zmodyfikowane elementy, co pozwala uniknąć niepotrzebnych odtworzeń.
Której dyrektywy należy użyć do warunkowego wyświetlania elementu w zależności od warunku?
Jaka jest różnica między *ngIf a [hidden]?
+19 pytań z rozmów
Inne tematy rekrutacyjne Angular
Podstawy TypeScript
TypeScript zaawansowany
Podstawy Angulara
Komponenty i cykl życia
Services & Dependency Injection
Organizacja modułów Angular
Angular CLI
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