cómo pasar parámetros de ruta en [routerLink] angular 2

Nuestro grupo de especialistas luego de muchos días de investigación y de recopilar de datos, encontramos la solución, queremos que todo este artículo sea de utilidad en tu proyecto.

Solución:

Puedes trabajar con queryParams que trabaja con routerLink a construir el url. Por ejemplo:

  Search

Esta voluntad construir una ruta como http://localhost:3000/profiles?min=45&max=50&location=29923

Buena suerte.

Si vas a usar angular2 beta entonces tienes que enviar un parámetro como este mientras haces el enrutamiento.

Routing with parameter                        

y que en el lado receptor de lo que tiene que obtener el parámetro mediante el uso RouteParams.

tuerca si va a usar angular2 RC de lo que tiene que usar RouteSegment En lugar de usar RouteParams en angular2 RC. como esto :-

import  Component  from '@angular/core';

import  Routes, RouteSegment, ROUTER_DIRECTIVES  from '@angular/router';

@Component(
  selector: 'about-item',
  template: `
About Item Id: id
`,
  Directives: [ROUTER_DIRECTIVES]
)

class AboutItemComponent  

  id: any;

  constructor(routeSegment: RouteSegment) 
    this.id = routeSegment.getParam('id');    
  


@Component(

    selector: 'app-about',

    template: `

      
About
        Item 1
        Item 2
      

        
      
    `,
    directives: [ROUTER_DIRECTIVES]
)

@Routes([

   path: '/item/:id', component: AboutItemComponent 

])

export class AboutComponent  

puede probar el siguiente código: Su archivo ts será así:

@Component( ... )
@Routes([
    
        path: '/auth/signup?cell=1654654654', component: AuthComponent
    
])
export class AppComponent  implements OnInit 
    constructor(private router: Router) 

Y en tu archivo html,

Te mostramos las reseñas y valoraciones de los lectores

Nos puedes añadir valor a nuestro contenido informacional cooperando tu veteranía en las acotaciones.

---

---

Utiliza Nuestro Buscador