René's URL Explorer Experiment


Title: Angular Navigation: How Routing & Redirects Work in Angular Apps

Open Graph Title: Angular Navigation | Ionic Framework

Description: Our Angular Navigation guide covers how routing works in an app built with Ionic and Angular. Read to learn more about basic routing and redirects in Angular.

Open Graph Description: Angular Navigation: How Routing & Redirects Work in Angular Apps

Opengraph URL: https://ionicframework.com/docs/angular/navigation

X: @ionicframework

Generator: Docusaurus v3.7.0

direct link

Domain: staging.ionicframework.com

og:localeen
og:locale:alternateja
docusaurus_localeen
docsearch:languageen
og:imagehttps://ionicframework.com/docs/img/meta/open-graph.png
twitter:imagehttps://ionicframework.com/docs/img/meta/open-graph.png
twitter:cardsummary_large_image
twitter:domainionicframework.com
twitter:creatorionicframework
fb:page_id1321836767955949
og:typewebsite
og:site_nameIonic Framework Docs
docusaurus_versioncurrent
docusaurus_tagdocs-default-current
docsearch:versioncurrent
docsearch:docusaurus_tagdocs-default-current

Links:

Skip to main contenthttps://staging.ionicframework.com/docs/angular/navigation#__docusaurus_skipToContent_fallback
An OutSystems Company →https://www.outsystems.com/?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none
https://staging.ionicframework.com/docs/
https://staging.ionicframework.com/docs/
Getting Startedhttps://staging.ionicframework.com/docs/
Overviewhttps://staging.ionicframework.com/docs/
Environment Setuphttps://staging.ionicframework.com/docs/intro/environment
CLI Installationhttps://staging.ionicframework.com/docs/intro/cli
Packages & CDNhttps://staging.ionicframework.com/docs/intro/cdn
VS Code Extensionhttps://staging.ionicframework.com/docs/intro/vscode-extension
Next Stepshttps://staging.ionicframework.com/docs/intro/next
Upgrade Guideshttps://staging.ionicframework.com/docs/updating/8-0
Updating to v8https://staging.ionicframework.com/docs/updating/8-0
Updating to v7https://staging.ionicframework.com/docs/updating/7-0
Updating to v6https://staging.ionicframework.com/docs/updating/6-0
Updating to v5https://staging.ionicframework.com/docs/updating/5-0
Updating to v4https://staging.ionicframework.com/docs/updating/4-0
Developinghttps://staging.ionicframework.com/docs/developing/starting
Startinghttps://staging.ionicframework.com/docs/developing/starting
Previewinghttps://staging.ionicframework.com/docs/developing/previewing
Scaffoldinghttps://staging.ionicframework.com/docs/developing/scaffolding
Developing for iOShttps://staging.ionicframework.com/docs/developing/ios
Developing for Androidhttps://staging.ionicframework.com/docs/developing/android
Development Tipshttps://staging.ionicframework.com/docs/developing/tips
Hardware Back Buttonhttps://staging.ionicframework.com/docs/developing/hardware-back-button
Keyboardhttps://staging.ionicframework.com/docs/developing/keyboard
Confighttps://staging.ionicframework.com/docs/developing/config
Managing Focushttps://staging.ionicframework.com/docs/developing/managing-focus
Layouthttps://staging.ionicframework.com/docs/layout/structure
Structurehttps://staging.ionicframework.com/docs/layout/structure
Responsive Gridhttps://staging.ionicframework.com/docs/api/grid
Global Stylesheetshttps://staging.ionicframework.com/docs/layout/global-stylesheets
CSS Utilitieshttps://staging.ionicframework.com/docs/layout/css-utilities
Dynamic Font Scalinghttps://staging.ionicframework.com/docs/layout/dynamic-font-scaling
Theminghttps://staging.ionicframework.com/docs/theming/basics
Basicshttps://staging.ionicframework.com/docs/theming/basics
Platform Styleshttps://staging.ionicframework.com/docs/theming/platform-styles
CSS Variableshttps://staging.ionicframework.com/docs/theming/css-variables
CSS Shadow Partshttps://staging.ionicframework.com/docs/theming/css-shadow-parts
Colorshttps://staging.ionicframework.com/docs/theming/colors
Themeshttps://staging.ionicframework.com/docs/theming/themes
Dark Modehttps://staging.ionicframework.com/docs/theming/dark-mode
High Contrast Modehttps://staging.ionicframework.com/docs/theming/high-contrast-mode
Advancedhttps://staging.ionicframework.com/docs/theming/advanced
Color Generatorhttps://staging.ionicframework.com/docs/theming/color-generator
Angularhttps://staging.ionicframework.com/docs/angular/overview
Overviewhttps://staging.ionicframework.com/docs/angular/overview
Quickstarthttps://staging.ionicframework.com/docs/angular/quickstart
Build Your First Apphttps://staging.ionicframework.com/docs/angular/your-first-app
Add to Existinghttps://staging.ionicframework.com/docs/angular/add-to-existing
Build Optionshttps://staging.ionicframework.com/docs/angular/build-options
Lifecyclehttps://staging.ionicframework.com/docs/angular/lifecycle
Navigation/Routinghttps://staging.ionicframework.com/docs/angular/navigation
Overlayshttps://staging.ionicframework.com/docs/angular/overlays
Injection Tokenshttps://staging.ionicframework.com/docs/angular/injection-tokens
Virtual Scrollhttps://staging.ionicframework.com/docs/angular/virtual-scroll
Migrating from ion-slides to Swiper.jshttps://staging.ionicframework.com/docs/angular/slides
Platformhttps://staging.ionicframework.com/docs/angular/platform
Testinghttps://staging.ionicframework.com/docs/angular/testing
Storagehttps://staging.ionicframework.com/docs/angular/storage
Performancehttps://staging.ionicframework.com/docs/angular/performance
Progressive Web Appshttps://staging.ionicframework.com/docs/angular/pwa
JavaScripthttps://staging.ionicframework.com/docs/javascript/overview
Overviewhttps://staging.ionicframework.com/docs/javascript/overview
Quickstarthttps://staging.ionicframework.com/docs/javascript/quickstart
Reacthttps://staging.ionicframework.com/docs/react/overview
Overviewhttps://staging.ionicframework.com/docs/react/overview
Quickstarthttps://staging.ionicframework.com/docs/react/quickstart
Build Your First Apphttps://staging.ionicframework.com/docs/react/your-first-app
Add to Existinghttps://staging.ionicframework.com/docs/react/add-to-existing
Lifecyclehttps://staging.ionicframework.com/docs/react/lifecycle
Navigation/Routinghttps://staging.ionicframework.com/docs/react/navigation
Virtual Scrollhttps://staging.ionicframework.com/docs/react/virtual-scroll
Migrating From IonSlides to Swiper.jshttps://staging.ionicframework.com/docs/react/slides
Platformhttps://staging.ionicframework.com/docs/react/platform
Progressive Web Appshttps://staging.ionicframework.com/docs/react/pwa
Overlayshttps://staging.ionicframework.com/docs/react/overlays
Storagehttps://staging.ionicframework.com/docs/react/storage
Testinghttps://staging.ionicframework.com/docs/react/testing/introduction
Performancehttps://staging.ionicframework.com/docs/react/performance
Vuehttps://staging.ionicframework.com/docs/vue/overview
Overviewhttps://staging.ionicframework.com/docs/vue/overview
Quickstarthttps://staging.ionicframework.com/docs/vue/quickstart
Build Your First Apphttps://staging.ionicframework.com/docs/vue/your-first-app
Add to Existinghttps://staging.ionicframework.com/docs/vue/add-to-existing
Build Optionshttps://staging.ionicframework.com/docs/vue/build-options
Lifecyclehttps://staging.ionicframework.com/docs/vue/lifecycle
Navigation/Routinghttps://staging.ionicframework.com/docs/vue/navigation
Virtual Scrollhttps://staging.ionicframework.com/docs/vue/virtual-scroll
Migrating From ion-slides to Swiper.jshttps://staging.ionicframework.com/docs/vue/slides
Utility Functionshttps://staging.ionicframework.com/docs/vue/utility-functions
Platformhttps://staging.ionicframework.com/docs/vue/platform
Progressive Web Appshttps://staging.ionicframework.com/docs/vue/pwa
Storagehttps://staging.ionicframework.com/docs/vue/storage
Troubleshootinghttps://staging.ionicframework.com/docs/vue/troubleshooting
Performancehttps://staging.ionicframework.com/docs/vue/performance
Utilitieshttps://staging.ionicframework.com/docs/utilities/animations
Animationshttps://staging.ionicframework.com/docs/utilities/animations
Gestureshttps://staging.ionicframework.com/docs/utilities/gestures
Deploymenthttps://staging.ionicframework.com/docs/deployment/app-store
iOS App Storehttps://staging.ionicframework.com/docs/deployment/app-store
Android Play Storehttps://staging.ionicframework.com/docs/deployment/play-store
Progressive Web App (PWA)https://staging.ionicframework.com/docs/deployment/progressive-web-app
Techniqueshttps://staging.ionicframework.com/docs/techniques/security
Securityhttps://staging.ionicframework.com/docs/techniques/security
Troubleshootinghttps://staging.ionicframework.com/docs/troubleshooting/debugging
Debugginghttps://staging.ionicframework.com/docs/troubleshooting/debugging
Build Errorshttps://staging.ionicframework.com/docs/troubleshooting/build
Runtime Issueshttps://staging.ionicframework.com/docs/troubleshooting/runtime
Native Errorshttps://staging.ionicframework.com/docs/troubleshooting/native
CORS Errorshttps://staging.ionicframework.com/docs/troubleshooting/cors
Core Conceptshttps://staging.ionicframework.com/docs/core-concepts/fundamentals
Fundamentalshttps://staging.ionicframework.com/docs/core-concepts/fundamentals
Cross Platformhttps://staging.ionicframework.com/docs/core-concepts/cross-platform
Web Viewhttps://staging.ionicframework.com/docs/core-concepts/webview
What are PWAs?https://staging.ionicframework.com/docs/core-concepts/what-are-progressive-web-apps
Contributinghttps://staging.ionicframework.com/docs/contributing/how-to-contribute
How to Contributehttps://staging.ionicframework.com/docs/contributing/how-to-contribute
Code of Conducthttps://staging.ionicframework.com/docs/contributing/coc
Referencehttps://staging.ionicframework.com/docs/reference/glossary
Glossaryhttps://staging.ionicframework.com/docs/reference/glossary
Versioninghttps://staging.ionicframework.com/docs/reference/versioning
Release Noteshttps://staging.ionicframework.com/docs/reference/release-notes
GitHub Changeloghttps://github.com/ionic-team/ionic/blob/master/CHANGELOG.md
Support Policyhttps://staging.ionicframework.com/docs/reference/support
Browser Supporthttps://staging.ionicframework.com/docs/reference/browser-support
https://staging.ionicframework.com/docs/
Guidehttps://staging.ionicframework.com/docs/
Componentshttps://staging.ionicframework.com/docs/components
CLIhttps://staging.ionicframework.com/docs/cli
Nativehttps://staging.ionicframework.com/docs/native
Ionic v8.0.0 Upgrade Guidehttps://staging.ionicframework.com/docs/updating/8-0
v8https://staging.ionicframework.com/docs/angular/navigation
v8https://staging.ionicframework.com/docs/angular/navigation
v7https://staging.ionicframework.com/docs/v7/angular/navigation
v6https://ionic-docs-lq0if04rc-ionic1.vercel.app/docs/v6
v5https://ionic-docs-5utg8ms4c-ionic1.vercel.app/docs/v5
v4https://ionicframework.com/docs/v4/components
v3https://ionicframework.com/docs/v3/
Communityhttps://staging.ionicframework.com/docs/angular/navigation
Community Hubhttps://ionicframework.com/community
Forumhttps://forum.ionicframework.com/
Meetupshttps://www.meetup.com/topics/ionic-framework/
Bloghttps://blog.ionicframework.com/
Twitterhttps://twitter.com/ionicframework
Supporthttps://staging.ionicframework.com/docs/angular/navigation
Help Centerhttps://ionicframework.com/support
Customer Supporthttps://ionic.zendesk.com/
Enterprise Advisoryhttps://ionicframework.com/advisory
Englishhttps://staging.ionicframework.com/docs/angular/navigation
Englishhttps://staging.ionicframework.com/docs/angular/navigation
日本語https://staging.ionicframework.com/docs/ja/angular/navigation
Translatehttps://ionicframework.com/translate
https://twitter.com/Ionicframework
https://ionic.link/discord
https://github.com/ionic-team/ionic-framework
​https://staging.ionicframework.com/docs/angular/navigation#a-simple-route
​https://staging.ionicframework.com/docs/angular/navigation#handling-redirects
​https://staging.ionicframework.com/docs/angular/navigation#navigating-to-different-routes
​https://staging.ionicframework.com/docs/angular/navigation#navigating-using-locationstrategyhistorygo
LocationStrategy.historyGohttps://angular.io/api/common/LocationStrategy#historyGo
Linear Routing versus Non-Linear Routinghttps://staging.ionicframework.com/docs/angular/navigation#linear-routing-versus-non-linear-routing
​https://staging.ionicframework.com/docs/angular/navigation#lazy-loading-routes
​https://staging.ionicframework.com/docs/angular/navigation#standalone-components
Ionic Angular Build Options docshttps://staging.ionicframework.com/docs/angular/build-options#migrating-from-modules-to-standalone
visit Angular's official docshttps://angular.io/guide/standalone-components
​https://staging.ionicframework.com/docs/angular/navigation#live-example
live examplehttps://stackblitz.com/edit/ionic-angular-routing?file=src/app/app-routing.module.ts
​https://staging.ionicframework.com/docs/angular/navigation#linear-routing-versus-non-linear-routing
​https://staging.ionicframework.com/docs/angular/navigation#linear-routing
LocationStrategy.historyGo()https://staging.ionicframework.com/docs/angular/navigation#navigating-using-locationstrategy
​https://staging.ionicframework.com/docs/angular/navigation#non-linear-routing
Working with Tabshttps://staging.ionicframework.com/docs/angular/navigation#working-with-tabs
​https://staging.ionicframework.com/docs/angular/navigation#which-one-should-i-choose
Working with Tabshttps://staging.ionicframework.com/docs/angular/navigation#working-with-tabs
Nested Routeshttps://staging.ionicframework.com/docs/angular/navigation#nested-routes
​https://staging.ionicframework.com/docs/angular/navigation#shared-urls-versus-nested-routes
​https://staging.ionicframework.com/docs/angular/navigation#shared-urls
​https://staging.ionicframework.com/docs/angular/navigation#nested-routes
​https://staging.ionicframework.com/docs/angular/navigation#which-one-should-i-choose-1
​https://staging.ionicframework.com/docs/angular/navigation#working-with-tabs
​https://staging.ionicframework.com/docs/angular/navigation#how-tabs-in-ionic-work
​https://staging.ionicframework.com/docs/angular/navigation#child-routes-within-tabs
​https://staging.ionicframework.com/docs/angular/navigation#switching-between-tabs
Edit this pagehttps://github.com/ionic-team/ionic-docs/edit/main/docs/angular/navigation.md
PreviousLifecyclehttps://staging.ionicframework.com/docs/angular/lifecycle
NextOverlayshttps://staging.ionicframework.com/docs/angular/overlays
A simple Routehttps://staging.ionicframework.com/docs/angular/navigation#a-simple-route
Handling Redirectshttps://staging.ionicframework.com/docs/angular/navigation#handling-redirects
Navigating to different routeshttps://staging.ionicframework.com/docs/angular/navigation#navigating-to-different-routes
Navigating using LocationStrategy.historyGohttps://staging.ionicframework.com/docs/angular/navigation#navigating-using-locationstrategyhistorygo
Lazy loading routeshttps://staging.ionicframework.com/docs/angular/navigation#lazy-loading-routes
Standalone Componentshttps://staging.ionicframework.com/docs/angular/navigation#standalone-components
Live Examplehttps://staging.ionicframework.com/docs/angular/navigation#live-example
Linear Routing versus Non-Linear Routinghttps://staging.ionicframework.com/docs/angular/navigation#linear-routing-versus-non-linear-routing
Linear Routinghttps://staging.ionicframework.com/docs/angular/navigation#linear-routing
Non-Linear Routinghttps://staging.ionicframework.com/docs/angular/navigation#non-linear-routing
Which one should I choose?https://staging.ionicframework.com/docs/angular/navigation#which-one-should-i-choose
Shared URLs versus Nested Routeshttps://staging.ionicframework.com/docs/angular/navigation#shared-urls-versus-nested-routes
Shared URLshttps://staging.ionicframework.com/docs/angular/navigation#shared-urls
Nested Routeshttps://staging.ionicframework.com/docs/angular/navigation#nested-routes
Which one should I choose?https://staging.ionicframework.com/docs/angular/navigation#which-one-should-i-choose-1
Working with Tabshttps://staging.ionicframework.com/docs/angular/navigation#working-with-tabs
How Tabs in Ionic Workhttps://staging.ionicframework.com/docs/angular/navigation#how-tabs-in-ionic-work
Child Routes within Tabshttps://staging.ionicframework.com/docs/angular/navigation#child-routes-within-tabs
Switching Between Tabshttps://staging.ionicframework.com/docs/angular/navigation#switching-between-tabs
Edit this pagehttps://github.com/ionic-team/ionic-docs/edit/main/docs/angular/navigation.md

Viewport: width=device-width,initial-scale=1

URLs of crawlers that visited me.