router.navigate angular
import { Router } from '@angular/router';
constructor(
private router:Router
) { }
redirectFunction(){
this.router.navigate(['hello/redirect/pageURL'],{queryParams:{id:1234,name:"ash"}});
}router.navigate angular
import { Router } from '@angular/router';
constructor(
private router:Router
) { }
redirectFunction(){
this.router.navigate(['hello/redirect/pageURL'],{queryParams:{id:1234,name:"ash"}});
}call a function whenever routerlink is clicke angular
<a class="nav-link" [routerLink]="['/home']" (click)="doSomeLogic()">Home</a>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']);
}
}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
}
}ng router link
<a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">
link to user component
</a>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
*/Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
