Angular Routing Explained
Ever wonder how Angular routing works?
The index.html file is the one true Web page of an Angular application. All of our views are displayed within this one page. Hence an Angular application is often called a "Single Page Application" or SPA.
In most applications, we want five, ten, or hundreds of templates to take turns appearing on our Angular application's single page. How do we manage which template to display when? That's the purpose of routing.
In this video, I explain how routing works.
Links
Simplify with Angular Standalone Components: • Simplify with Angular Standalone Comp...
Routing and Lazy Loading with Standalone Components: • Routing and Lazy Loading with Standal...
Migrating to Standalone Components with Angular CLI: • Migrate to Standalone Components usin...
Content
00:00 Angular Bootstrapping
01:13 Single Page Application (SPA)
01:55 Using a Component Selector
02:48 Displaying Multiple Components
04:48 Configuring Routes
07:00 Activating Routes
09:06 How Routing Works
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I'm a software developer and YouTube content creator. I speak at conferences such as VSLive and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 7,000+) for over 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE).
View my YouTube content: / @deborah_kurata
Contact me on Twitter: / deborahkurata
Find my Pluralsight courses: https://www.pluralsight.com/profile/a...
Access my freeCodeCamp articles: https://www.freecodecamp.org/news/aut...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#angular
#bestpractices
#angulartutorial
#routinginangular
#routingangular
#angularrouting
#angularroutingexplained
#angularroutingtutorial
#angularroutingandnavigation
#angularstandalonecomponents
#standalonecomponents
#singlepageapplication
