Sie sind hier:
Lexikon/Glossar
Telefon (Mo-Fr 9-16 Uhr):
0201/649590-0
|
Kontaktformular
MENU
Start
Hauptseite
Angebote im Überblick
Kernkompetenzen
Softwareentwicklung
Beratung
Firmen-Schulungen
Offene Seminare
Online-Maßnahmen
Vorträge
Coaching
Support
Fachbücher
Fachartikel
Konditionen
Themen
Kernkompetenzen
Aktuelle Themen
Web & Cloud
Apps / Mobilplattformen
Benutzeroberflächen / User Experience
.NET
JavaScript / TypeScript
Java
Programmiersprachen
Entwicklungswerkzeuge
Scripting
Softwareengineering
Datenbanken / Reporting / BI
Betriebssysteme & Virtualisierung
Microsoft Server-Produkte
Windows & Office für Anwender
Soft Skills & IT-Recht
Beratung
Beratungsthemen
Coaching
Softwareentwicklung
Technischer Support
Unsere Top-Berater
Referenzkunden
Angebotsanfrage
Individuelle Schulungen
1026 Schulungsthemen
Agendakonfigurator
Weiterbildungsphilosophie
Didaktische Konzepte
Vor Ort oder online
Unsere Top-Trainer
Referenzkunden
Teilnehmerfeedback
Angebotsanfrage
Offene Seminare
.NET-Akademie
.NET/C#-Basisseminar
WPF
WinUI
.NET MAUI
Blazor
ASP.NET WebAPI & gRPC
Entity Framework Core
Unit Testing / TDD
PowerShell
Infotage
Wissen
Übersicht
Fachbücher
Fachartikel
Konferenzvorträge
Konferenzen/Events
Spickzettel
Lexikon/Glossar
Programmcodebibliothek
Versionshistorie
Weblog
Downloads
Newsletter
Community-/Leserportal
Registrierung
.NET/C#/Visual Studio
.NET 10.0
.NET 9.0
.NET 8.0
ASP.NET (Core)/Blazor
PowerShell
Über uns
Kontakt
Selbstdarstellung
Kernkompetenzen
Dr. Holger Schwichtenberg
Top-Experten
Leitung & Kundenteam
Referenzkunden
Kundenaussagen
Referenzprojekte
Partner
Konditionen
Stellenangebote
Weitere Websites
Impressum
Datenschutzerklärung, Haftung, Urheberrecht, Barrierefreiheit
Suche
Themenkatalog
Tag Cloud
Volltextsuche
Site Map
FAQs
Erklärung des Begriffs: Angular Router
Zur Stichwortliste unseres Lexikons
Was ist
Angular Router
?
Mit Hilfe des – ebenfalls komplett überarbeiteten – Angular Router wechselt der Entwickler die Ansichten in einer Single-Page-Application. Jede Route in Angular 2.x besteht aus der Zuordnung eines relativen Pfades zu einer
Komponente
; diesen Zusammenhang legt der Entwickler in einer eigenen Klasse fest, die wie alle anderen Module auch in app.module.ts zu registrieren ist. Mit dem Tag <router-outlet> ist dann die Position für die von der jeweils aktiven
Komponente
erzeugte Ausgabe festzulegen. Der Wechsel zwischen den Routen erfolgt über Tags (<a routerLink="/liste">
Liste
zeigen</a>) oder im
JavaScript
-Code durch Aufruf der
Methode
navigate() in einer injizierten Instanz der von Angular 2.x vordefinierten Router-Klasse.
Die
URL
bildet der Angular Router im Standard mit dem Schrägstrich (PathLocationStrategy), was aber nur in modernen Browser funktioniert, die die
Session History Management
mit history.pushState() unterstützen. Ältere Browser lösen bei einer
URL
mit Schrägstrich stets einen Rundgang zum Server aus. Für diese Fälle kann der Entwickler die LocationStrategy auf
Hash
LocationStrategy setzen und damit die relativen
URL
s per
Hash
abtrennen (http://server/#/liste), sodass selbst in den ältesten Browsern kein Rundgang ausgelöst wird.
Das wohl größte Chaos in der Entwicklungsphase von Angular 2.x gab es beim Router . Das Entwicklungsteam wollte für Angular 1.x und Angular 2.x einen gemeinsamen Router bereitstellen, um die Migration zu vereinfachen. Die für Angular 1.4 geplante Lösung (ngNewRouter) wurde nie vollendet; in Angular 1.5 erschien dagegen ein ngComponentRouter, der aber nun ebenfalls nicht dem jetzt in Angular 2.x erschienen Router entspricht. Für eine vereinfachte Migration empfiehlt
Google
jetzt in [
https://docs.angularjs.org/guide/component-router
], auf das Community-Projekt uiRouter [
https://github.com/angular-ui/ui-router
] auszuweichen.
Querverweise zu anderen Begriffen im Lexikon
Session History Management
Komponente
JavaScript (JS)
Methode
Google
Liste
Hash
Uniform Resource Locator (URL)
Beratung & Support
Anfrage für Beratung/Consulting zu ANGULAR ROUTER
Gesamter Beratungsthemenkatalog
Technischer Support zum ANGULAR ROUTER
Schulungen
Angular - Basiswissen
Anfrage für eine individuelle Schulung zum Thema ANGULAR ROUTER
Gesamter Schulungsthemenkatalog
Fachbücher
Blazor 10.0: Moderne Webanwendungen und hybride Cross-Platform-Apps mit .NET 10.0, C# 14.0 und Visual Studio 2026
C# 14.0 Crashkurs
Moderne Datenzugriffslösungen mit Entity Framework Core 10.0
.NET 10.0 Update: Die Neuerungen in .NET 10.0 gegenüber .NET 9.0
Blazor 9.0: Moderne Webanwendungen und hybride Cross-Platform-Apps mit .NET 9.0, C# 13.0 und Visual Studio 2022
C# 13.0 Crashkurs
Cross-Plattform-Apps mit .NET MAUI entwickeln
Moderne Datenzugriffslösungen mit Entity Framework Core 9.0
.NET 9.0 Update: Die Neuerungen in .NET 9.0 gegenüber .NET 8.0
PowerShell 7 und Windows PowerShell 5 – das Praxishandbuch
.NET 8.0 Update: Die Neuerungen in .NET 8.0 gegenüber .NET 7.0
Concurrency with Modern C++: What every professional C++ programmer should know about concurrency
C++20: Get the Details
Blazor 8.0: Moderne Webanwendungen und hybride Cross-Platform-Apps mit .NET 8.0, C# 12.0 und Visual Studio 2022
Moderne Datenzugriffslösungen mit Entity Framework Core 8.0
C# 12.0 Crashkurs
App-Entwicklung für Mobile und Desktop: Software Engineering mit .NET MAUI und Comet für iOS, Android, Windows und macOS
Cross-Plattform-Apps mit .NET MAUI entwickeln
Blazor 7.0: Blazor WebAssembly, Blazor Server und Blazor Hybrid
C# 11.0 Crashkurs
Moderne Datenzugriffslösungen mit Entity Framework Core 7.0
PowerShell 7 und Windows PowerShell 5 – das Praxishandbuch
C++ Core Guidelines Explained: Best Practices for Modern C++
App Engineering: SwiftUI, Jetpack Compose, .NET MAUI und Flutter
Vue.js 3 Crashkurs
Moderne Datenzugriffslösungen mit Entity Framework Core 6.0
Blazor 6.0: Blazor WebAssembly, Blazor Server und Blazor Desktop
C# 10.0 Crashkurs
Cross-Plattform-Apps mit Xamarin.Forms entwickeln
Developing Web Components with TypeScript: Native Web Development Using Thin Libraries
Alle unsere aktuellen Fachbücher
E-Book-Abo für ab 99 Euro im Jahr