Angular 10 tutorial #24 Basic Routing

in this Angular 10 and angular 11 tutorial for beginners, we learn how to make basic routing with example in angular in the english language. This video is made by anil Sidhu

Points of video
Make new angular project
Make 2 component
Add routing in app-routing-module file
Write code in HTML file for making Routing Link
Test Routing

If you did not select routing option on the project make time
ng generate module app-routing --flat --module=app

Angular 11 tutorial playlist

Angular 10 tutorial in Hindi playlist

Checkout all course an playlist
Info tech video by bhasker verma

[codestepbystep]

Checkout all course an playlist
Info tech video by bhasker verma

[CodeCompileTechnologies]

jo bhi tutorials ke video banate hai wo apni awaj slow kyu rakhate hain mostly...but thanks for clear concept.

[paulabores]

You are the best! I was stuck with the routing part, this is quite helpful!

[kuchbhiunboxing]

nothing explained about passing parameters through routing

[hamitenes]

I need to implement routing with conditionally, may be login credentials true then route. How can i do that? Thanks for your course

[arijitdas]

Please suggest me how to colour change of clicked link or active link

[saurabrakshit]

Bro its a request make a vedio on Login page validation which have ""Username & Password "" if these credentials are correct then only redirect to dashboard U PLEASE GIVE A TRY ON THIS i'll b glad

[lucastavares]

One thing you didnt explained or mentioned. When we click to go to another page, the main page content is still visible in the page, rather than showing only the content from the page we clicked. How to avoid this?

[toannew]

7:47 router-outlet: the component appears there

[rexsam]

does not work on cli 11.2.1

app.routing.modue.ts

import {AdminComponent} from './admin/admin.component'
import {UserComponent} from './user/user.component'

const routes: Routes = [

{
path:'user',
component:UserComponent
},
{
path:'admin',
component:AdminComponent
}
];


app.component.html

<a routerLink="user">USER</a>
<a routerLink="admin">ADMIN</a>

[saurabrakshit]

Thanks a lot bro After a long try you tutorial make me learn how to do routing many tutorials i have seen but u r one is So clear & to the point