From 56a41591cf0674b04360ef3c4769e0126fd1a825 Mon Sep 17 00:00:00 2001 From: Sandyah06 <123230397+Sandyah06@users.noreply.github.com> Date: Thu, 23 Mar 2023 11:09:31 +0530 Subject: [PATCH] Added the details of What is Angular Routing And How to se it --- learning/dashboard/readme.md | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/learning/dashboard/readme.md b/learning/dashboard/readme.md index 73420775..6837c655 100644 --- a/learning/dashboard/readme.md +++ b/learning/dashboard/readme.md @@ -1,3 +1,31 @@ +**What is Angular Routing** + +In a single-page app, you change what the user sees by showing or hiding portions of the display that correspond to particular components, rather than going out to the server to get a new page. As users perform application tasks, they need to move between the different views that you have defined. + +To handle the navigation from one view to the next, you use the Angular Router. The Router enables navigation by interpreting a browser URL as an instruction to change the view. + +To explore a sample app featuring the router's primary features, see the example below +router.zip file with the reference link. + +Reference Link : https://angular.io/guide/routing-overview + + + **How to Use Angular Routes** + +Using Angular routes in a single-page application +It describes how to build a single-page application, SPA that uses multiple Angular routes. + +In a Single Page Application (SPA), all of your application's functions exist in a single HTML page. As users access your application's features, the browser needs to render only the parts that matter to the user, instead of loading a new page. This pattern can significantly improve your application's user experience. + +To define how users navigate through your application, you use routes. Add routes to define how users navigate from one part of your application to another. You can also configure routes to guard against unexpected or unauthorized behavior. + +To explore a sample application featuring the contents of this tutorial, see the example with this link +https://stackblitz.com/run?file=src%2Fapp%2Fapp.component.html + +Reference link : https://angular.io/guide/router-tutorial + +**Installation** + To install Angular using CLI write this line on your terminal, npm install -g @angular/cli