Routing i Nawigacja
Router, konfiguracja routes, RouterModule, route parameters, query parameters, route guards, lazy loading, preloading strategies
1Czym jest Router w Angularze?
Czym jest Router w Angularze?
Odpowiedź
Angular Router umożliwia nawigację między różnymi widokami (component) na podstawie adresu URL przeglądarki. Obsługuje mapowanie między adresami URL a component, umożliwiając tworzenie aplikacji single-page z wieloma widokami. Router obserwuje zmiany URL i ładuje odpowiednie component do RouterOutlet.
2Który moduł zaimportować, aby używać routingu w Angularze?
Który moduł zaimportować, aby używać routingu w Angularze?
Odpowiedź
RouterModule to moduł Angulara, który dostarcza wszystkie usługi i dyrektywy potrzebne do routingu (Router service, RouterOutlet, RouterLink itp.). Importuje się go z @angular/router i konfiguruje z routes za pomocą RouterModule.forRoot() dla modułu głównego lub RouterModule.forChild() dla feature modules.
3Jak definiować routes w Angularze?
Jak definiować routes w Angularze?
Odpowiedź
Routes są definiowane w tablicy typu Routes, gdzie każdy obiekt określa path i component do wyświetlenia. W przypadku standalone components (Angular 14+) używa się provideRouter(routes) w konfiguracji aplikacji. W przypadku NgModules używa się RouterModule.forRoot(routes) w module głównym.
Jak wyświetlić zawartość route w szablonie?
Jak utworzyć deklaratywny link nawigacyjny w szablonie?
+21 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
Dyrektywy i Pipe'y
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