comment passer de l'itinéraire params [routerLink] angulaire 2

Je suis en train de créer une application avec angulaire 2,Et que vous Voulez passer des paramètres à une balise [routerLink],je veux craete un lien comme ceci :

<a href="/auth/signup?cell=1654654654"></a>

je ne sais pas comment passer cell modèle...

Double Possible de Angular2 Routerlink: ajouter une requête paramétrée

OriginalL'auteur Alireza Valizade | 2016-05-29

angular

4

Si vous allez utiliser angula2 bêta ensuite, vous devez envoyer paramètre comme ceci tout en faisant de routage.
```
<a [routerLink]="['signup',{cell:cellValue}]">Routing with parameter</a>                        
<input type='text' [(ngModel)]='cellValue'>
```
et que dans le côté de réception que vous avez à se paramètre via l'aide de RouteParams.

écrou si Vous allez utiliser angular2 RC que vous devez utiliser le RouteSegment au lieu d'utiliser RouteParams dans angular2 RC. comme ceci :-
```
import { Component } from '@angular/core';

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

@Component({
  selector: 'about-item',
  template: `<h3>About Item Id: {{id}}</h3>`,
  Directives: [ROUTER_DIRECTIVES]
})

class AboutItemComponent { 

  id: any;

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

@Component({

    selector: 'app-about',

    template: `

      <h2>About</h2>
        <a [routerLink]="['/about/item', 1]">Item 1</a>
        <a [routerLink]="['/about/item', 2]">Item 2</a>
      <div class="inner-outlet">
        <router-outlet></router-outlet>
      </div>
    `,
    directives: [ROUTER_DIRECTIVES]
})

@Routes([

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

])

export class AboutComponent { }
```
je ne veux pas utiliser de cette façon, mais son ok et comment lier ce?je veux quand tapez sur l'entrée de la cellule params lier dans une balise.
que juste de lier votre champ de saisie de la valeur à [(ngModel)] et de passer cette variable en tant que routerParameter. @AlirezaValizade voir mon jour de réponse.
` <form [ngFormModel]="modèle" (ngSubmit)="submit()"> <div> <input id="cellule" type="text" name="cellule" ngControl="cellule" > <label for="cellule">تلفن همراه</label> </div> </form> <[routerLink]="['/SignUp' ,{ cell: modèle.cellule }]" ></a>` j'utilise FormBuilder et pas de travail
essayez celui - <form [ngFormModel]="model" (ngSubmit)="submit()"> <div> <input id="cell" type="text" name="cell" ngControl="cell" [(ngModel)]='cellValue'> <label for="cell">تلفن همراه</label> </div> </form> <a [routerLink]="['/SignUp' ,{ cell: cellValue }]" ></a>
votre exemple url affiche comme: auth/signup/1654654654 pas auth/signup?cell=1654654654 parce que vous avez utilisé /item/:id dans votre chemin

OriginalL'auteur Pardeep Jain
9

Vous pouvez travailler avec queryParams qui fonctionne avec routerLink à construire la url. Ex:
```
<a [routerLink]="['/profiles']" 
[queryParams]="{min:45,max:50,location:29293}">
  Search
</a>
```
Ce sera construire une route comme http://localhost:3000/profiles?min=45&max=50&location=29923

Bonne Chance.

OriginalL'auteur Akash

vous pouvez essayer le code ci-dessous:
Votre fichier ts sera comme ceci:

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

Et dans vous fichier html,

<a [routerLink]="['//auth/signup?cell=1654654654']"></a>

Vous pouvez lier à l'aide de [(ngModel)] et utilisez routeParams

OriginalL'auteur Tarang Bhalodia

1

Dans Angular2 prend en charge les requêtes de paramètres et de variables de chemin d'accès dans le routage.

à utiliser comme:
```
<a [routerLink]="['Signup', {cell: '1654654654'}]">Signup</a>
```
et en composant:
```
@RouteConfig([
    new Route({ path: '/auth/signup', component: SignupComponent, name: 'Signup'})
])
```
de les afficher dans l'url que vous souhaitez /auth/signup?cell=1654654654

NB:

Si dans votre chemin d'accès contient des cellules dans le volet paramètres comme: /auth/signup/:cell et routelink comme: [routerLink]="['Signup', {cell: '1654654654'}]" ensuite url affiche comme: auth/signup/1654654654

déjà mentionné, tous votre réponse est contenu dans existé réponses rien de nouveau ajouté à la réponse.
Dans quelle réponse ?@PardeepJain
voir ma réponse @Shaileshab
la réponse mentionné lors de l'url affichée comme auth/signup/1654654654 et quand auth/signup?cell=1654654654. vous avez mentionné? @PardeepJain
la question n'est pas à propos de la façon dont l'url est affichée, la question est sur la façon de passer le paramètre est-il pas ?

OriginalL'auteur Shaishab Roy
1

Accepté la réponse est obsolète et à mon humble avis ne répond pas à la question.

Toutefois, la question n'est pas claire: "paramètre de route" sont dans le chemin partie de l'URL, mais la question était sur la requête "params" qui, après le '?' (point d'interrogation).

Donc la réponse à la question est dans le réponse de @Akash: vous devez utiliser
```
[queryParams]="{name: value}"
```
dans le modèle.

Donc cette ancre de référence pour /path/with/myparam?cell=1654654654:
```
<a [routerLink]="['/path/with/:paramName', {paramName: "myparam"}]"
   [queryParams]="{cell: 1654654654}"
></a>
```
OriginalL'auteur Manuel Fodor

Vous devez vous connecter pour publier un commentaire.