Angular 2 enrutador.navegar

Estoy tratando de navegar a una ruta en Angular 2 con una combinación de parámetros de ruta y consulta.

Aquí hay una ruta de ejemplo donde la ruta es la última parte de la ruta:

{ path: ':foo/:bar/:baz/page', component: AComponent }

Intentando vincular usando la matriz de esta manera:

this.router.navigate(['foo-content', 'bar-contents', 'baz-content', 'page'], this.params.queryParams)

No recibo ningún error y, por lo que puedo entender, esto debería funcionar.

Los documentos de Angular 2 (por el momento) tienen lo siguiente como ejemplo:

{ path: 'hero/:id', component: HeroDetailComponent }

['/hero', hero.id] // { 15 }

¿Alguien puede ver dónde me estoy equivocando? Estoy en el enrutador 3.

Si el primer segmento no comienza con / es una ruta relativa. router.navigate necesita un relativeTo parámetro para la navegación relativa

O haces la ruta absoluta:

this.router.navigate(['/foo-content', 'bar-contents', 'baz-content', 'page'], this.params.queryParams)

o pasas relativeTo

this.router.navigate(['../foo-content', 'bar-contents', 'baz-content', 'page'], {queryParams: this.params.queryParams, relativeTo: this.currentActivatedRoute})

Ver también

• https://github.com/angular/angular.io/blob/c61d8195f3b63c3e03bf2a3c12ef2596796c741d/public/docs/_examples/router/ts/app/crisis-center/crisis-detail.component.1.ts#L108
• https://github.com/angular/angular/issues/9476

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

export class ClassName {
  
  private router = ActivatedRoute;

    constructor(r: ActivatedRoute) {
        this.router =r;
    }

onSuccess() {
     this.router.navigate(['/user_invitation'], {queryParams: {email: loginEmail, código: código de usuario}});  } } Obtenga estos valores: --------------- ngOnInit() { this.route .queryParams .subscribe(params => { let code = params['code'];  let userEmail = params['email'];  });  }

Árbitro: https://angular.io/docs/ts/latest/api/router/index/NavigationExtras-interface.html

Tan simple como

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

constructor( private router:Router) {}

    return(){this.router.navigate(["https://stackoverflow.com/",'input']);}

Aquí se le redirigirá a la entrada de ruta. Si desea ir a una ruta en particular con relación a alguna ruta, entonces.

return(){this.router.navigate(['/relative','input']);}

Aquí en return() es el método que se activará al hacer clic en un botón

Inicio