router.navigate angular code example
Example 1: call a function whenever routerlink is clicke angular
<a class="nav-link" [routerLink]="['/home']" (click)="doSomeLogic()">Home</a>
Example 2: angular navigate using component
//ng new routing-app --routing
//ng generate component first
//ng generate component second
import { Router } from '@angular/router';
...
export class AboutUserComponent implements OnInit {
user: User;
constructor(
private route: ActivatedRoute,
private service: UserService,
private router: Router
) {}
ngOnInit() {
// grab the current username
let username = this.route.snapshot.params['username'];
this.service.getUser(username).then(user => this.user = user);
}
goBack() {
this.router.navigate(['/about']);
}
}
Example 3: angular navigate using component
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
}
}
Example 4: ng router link
<a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">
link to user component
</a>
Example 5: angular router navigate
// Here’s a basic example using the navigate method:
goPlaces() {
this.router.navigate(['/', 'page-name']);
}
/*
I hope it will help you.
Namaste
*/
Example 6: how to add changes every time you route navigate to page in angular
// 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){
}
})
}