Angular 4+: redirection manuelle vers route

Question

J'ai récemment commencé à utiliser angular 4 au lieu de angular.js 1.

J'ai suivi le didacticiel des héros pour en savoir plus sur les principes fondamentaux de angular 4 et j'utilise actuellement le propre "RouterModule" d'angular dans le package "@ angular / router".

Afin de mettre en place une autorisation pour mon application, je voudrais savoir comment rediriger manuellement vers une autre route, il semble que je ne trouve aucune information utile à ce sujet sur Internet.

Answer 1

Angulaire de routage : Manuel de navigation

Vous devez d'abord importer le angulaires routeur :

import {Router} from "@angular/router"

Puis à l'injecter dans votre composant constructeur :

constructor(private router: Router) { }

Et enfin appeler la ..navigate la méthode de n'importe où vous avez besoin de "rediriger" :

this.router.navigate(['/your-path'])

Vous pouvez également définir certains paramètres sur votre route, comme user/5 :

this.router.navigate(['/user', 5])

Documentation: Angulaire officiel de la documentaiton

Answer 2

Redirection dans angularjs 4 Bouton d’événement, par exemple: app.home.html

 <input type="button" value="clear" (click)="onSubmit()"/>
 

et dans home.componant.ts

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

 @Component({
   selector: 'app-root',
   templateUrl: './app.home.html',
 })

 export class HomeComponant {
   title = 'Home';
   constructor(
     private router: Router,
    ) {}

  onSubmit() {
    this.router.navigate(['/doctor'])
 }
 }
 

Answer 3

Vous devriez injecter Router dans votre constructeur comme ceci;

 constructor(private router: Router) { }
 

alors vous pouvez le faire où vous voulez;

 this.router.navigate(['/product-list']);
 

Answer 4

Redirection angulaire manuellement: Importez @angular/router , injectez en constructor() puis appelez this.router.navigate() .

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

constructor(private router: Router) {
  ...
}

onSubmit() {
  ...
  this.router.navigate(['/profile']); 
}
 

Answer 5

Essaye ça:

 constructor(  public router: Router,) {
  this.route.params.subscribe(params => this._onRouteGetParams(params));
}
this.router.navigate(['otherRoute']);