{"id":25192,"date":"2021-02-22T11:17:00","date_gmt":"2021-02-22T05:47:00","guid":{"rendered":"https:\/\/www.mygreatlearning.com\/blog\/angular-routing-tutorial\/"},"modified":"2024-09-03T11:24:34","modified_gmt":"2024-09-03T05:54:34","slug":"angular-routing-tutorial","status":"publish","type":"post","link":"https:\/\/www.mygreatlearning.com\/blog\/angular-routing-tutorial\/","title":{"rendered":"Angular Tutorial for Beginners - Everything you need to know"},"content":{"rendered":"\n

Let\u2019s kickstart our Angular Routing tutorial with its introduction. You can also take up a free Angular course <\/a>that will help you learn more about the concept. <\/p>\n\n\n\n

Introduction to Angular Routing<\/strong><\/h2>\n\n\n\n

Navigating from one page to another page in a web application is known as Routing. Routing in Angular is called Angular Routing. Below is a familiar model of application navigation which a web browser follows:<\/p>\n\n\n\n

    \n
  • The web browser navigates to a corresponding page when you enter a URL in the address bar<\/li>\n\n\n\n
  • The browser navigates to a new page when you click a link on the page<\/li>\n\n\n\n
  • When you click the browser\u2019s forward and backward buttons, it navigates to the corresponding pages through the history of pages you have visited<\/li>\n<\/ul>\n\n\n\n

    The Angular Router adopts from this model for navigation. Angular is a Single Page Application (SPA) that uses multiple Angular routes. In SPA, all the functionalities of your application exist in a single HTML page. The browser renders only the parts that are required for the user rather than loading a new page.<\/p>\n\n\n\n

    \n