import {Router} from '@angular/router'; // import router from angular router
export class Component{ // Example component..
constructor(private route:Router){}
go(){
this.route.navigate(['/page']); // navigate to other page
}
}// Here’s a basic example using the navigate method:
goPlaces() {
this.router.navigate(['/', 'page-name']);
}
/*
I hope it will help you.
Namaste
*/// Place import at the top
import { Router,NavigationStart} from '@angular/router';
//Place the code below inside your class
constructor(private router: Router){}
ngOnInit(){
this.router.events.subscribe(event =>{
if (event instanceof NavigationStart){
}
})
}
content_copy
goToItems() {
this.router.navigate(['items'], { relativeTo: this.route });
}
ng generate module app-routing --flat --module=app
//app-routing.module.ts file
const routes: Routes = [
// for simple path
{
path:'admin',component:UserHomeComponent
}
//child parent context
{
path:'',component:UserSideComponent,
children:[
{
path:'home',component:UserHomeComponent
},
{
path:'checkout',component:CheckoutComponent
}]
},
]