Answers for "navigate in angular"

1

angular go to route

import {Router} from '@angular/router';

constructor(private router: Router) {}

navigateToLogin() {
   this.router.navigateByUrl('/login');
}
Posted by: Guest on March-22-2021
0

router.navigate angular

import { Router } from '@angular/router';

constructor(
    private router:Router
  ) { }

redirectFunction(){
      this.router.navigate(['hello/redirect/pageURL'],{queryParams:{id:1234,name:"ash"}});
}
Posted by: Guest on September-08-2021
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']);
  }

}
Posted by: Guest on September-01-2020
16

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
	}
}
Posted by: Guest on May-08-2020
1

router navigate ionic

<ion-header>
  <ion-toolbar>
    <ion-title>Login</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <ion-button [routerLink]="['/detail']">Go to detail</ion-button>
</ion-content>
Posted by: Guest on September-20-2020
6

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
*/
Posted by: Guest on May-20-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language