# 3 Angular Tutorial | Angular Routing | Angular Project from Scratch

Опубликовано: 08 Октябрь 2024
на канале: Gogetmyguru
166
6

​‪@Gogetmyguru‬ Angular Tutorial video i.e Angular 12 Routing video covers the concept of Routing in angular 12 Project from scratch you will learn what is Routing? and How to add angular routing manually to existing project with command?

⏱️TIMESTAMPS⏱️
00:00 Introduction to routing in angular12
00:04 What is routing in angular 12??
00:14 In angular 12 we can achieve routing in different approaches
00:26 command ng new project name
00:34 would you like to add angular routing
00:38 select n that is no so that app-routing module ts file will not be include to our project
00:46 it will ask which stylesheet
01:06 code .
01:10 angular routing project is opened in visual studio code
02:14 ng serve -o
03:06 ng generate component home
03:30 component is updated in app module ts file
04:26 ng g module routing/app-routing
06:10 routerlink here will write register
08:14 click on register.component.html
09:14 selector name which is header component ts
09:18 render header component html
09:22 app-routing module ts
09:38 error because we have to import this routes
10:42 select path: 'dashboard', component: Dash board component
10:54 call all these configurations we have to write routermodule
11:02 exports: routermodule
11:06 in app-routing module ts file
11:46 an error saying router-outlet is not know element
11:50 if router-outlet is an angular component, then verify that it is
11:58 part this module or if router-outlet is a web component then
12:06 add custom elements schema to the @ngmodule schema of this component to Suppress this message
12:10 add app routing module to app module ts file
12:14 import app routing module
12:34 project is compiled successfully then will go to browser now
12:38 angular routing project is running on localhost 4200
12:42 header it is displaying logo with string string welcome to gogetmyguru mart
12:46 with register login dashboard home link
14:10 use here redirect function
14:50 achieving routing while creating project will select
14:54 option as y for the question would you like to add angular routing
17:50 for routing here router-outlet tag Index html here in body tag
18:14 ng serve -o project is compiled successfully

➤ GET ACCESS TO Gogetmyguru Videos and Materials here!

First of all, thank you for all the support you have given us!

Gogetmyguru Social Media Links:
Twitter -   / gogetmyguru  

Please give your valuable feedback in the comment section.

We hope you will find it helpful :)
#gogetmyguru #angular #angular12 #angularfullcourse