wie pass route params in [routerLink] Winkel-2

Ich versuche, eine Anwendung zu erstellen mit Winkel 2,Und Wollen pass params-zu-tag a in [routerLink],ich will craete einem link wie diesem :

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

ich weiß nicht, wie es passieren cell im template...

Mögliche Duplikate von Angular2 Routerlink: add query-Parameter

InformationsquelleAutor Alireza Valizade | 2016-05-29

5

Wenn Ihr gehen, um zu verwenden angula2 beta dann schicken Sie parameter wie diese, während Sie routing.
```
<a [routerLink]="['signup',{cell:cellValue}]">Routing with parameter</a>                        
<input type='text' [(ngModel)]='cellValue'>
```
und als in der empfangenden Seite, als Sie haben, um get-parameter über RouteParams.

Mutter, wenn Sie gehen, um angular2 RC, als Sie haben, zu verwenden RouteSegment anstatt RouteParams im angular2 RC. wie diese :-
```
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 { }
```
- ich dont wollen, nutzen Sie diesen Weg aber ok und wie binden Sie diese?ich will, wenn type auf input-Zelle params binden in einem tag.
- als nur binden Sie Ihre Eingabe Feld Wert [(ngModel)] und übergeben Sie die variable als routerParameter. @AlirezaValizade siehe meine aktualisierte Antwort.
- ` <form [ngFormModel]="Modell" (ngSubmit)="submit()"> <div> <input id="cell" type="text" name="Zelle" ngControl="Zelle" > <label for="Zelle">تلفن همراه</label> </div> </form> <ein [routerLink]="['/SignUp' ,{ cell: - Modell.cell }]" ></a>` ich verwenden FormBuilder und nicht arbeiten
- versuchen, diese <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>
- deine Beispiel-url wird zeigen wie: auth/signup/1654654654 nicht auth/signup?cell=1654654654 weil Sie verwendet werden /item/:id in Ihrem Pfad
- hmm du hast Recht @shaishabroy , Ihr hängt uns wie Sie möchten, die Anzeige-url.
InformationsquelleAutor Pardeep Jain
11

Können Sie arbeiten mit queryParams die Werke mit routerLink zu bauen die url. Für ex:
```
<a [routerLink]="['/profiles']" 
[queryParams]="{min:45,max:50,location:29293}">
  Search
</a>
```
Diese wird bauen eine route wie http://localhost:3000/profiles?min=45&max=50&location=29923

Glück.

InformationsquelleAutor Akash

können Sie versuchen, den folgenden code:
Ihre ts-Datei wird so sein:

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

Und Sie in html-Datei,

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

Sie können binden Sie mit [(ngModel)] und routeParams

InformationsquelleAutor Tarang Bhalodia

2

In Angular2 unterstützt sowohl query-Parameter und Pfad-Variablen im routing.

verwenden wie:
```
<a [routerLink]="['Signup', {cell: '1654654654'}]">Signup</a>
```
- und in-Komponente:
```
@RouteConfig([
    new Route({ path: '/auth/signup', component: SignupComponent, name: 'Signup'})
])
```
dann angezeigt in der url, die Sie möchten /auth/signup?cell=1654654654

NB:

Wenn in Ihrem Pfad enthalten, Zelle in-Komponente als Parameter wie: /auth/signup/:cell und routelink wie: [routerLink]="['Signup', {cell: '1654654654'}]" dann die url wird zeigen, wie: auth/signup/1654654654
- bereits erwähnt, alles Ihre Antwort den Inhalt gab Antworten, die nichts neues Hinzugefügt zu beantworten.
- In die Antwort ?@PardeepJain
- siehe meine Antwort @Shaileshab
- die Antwort erwähnt, wenn url gezeigt wie auth/signup/1654654654 und wenn auth/signup?cell=1654654654. Sie erwähnt? @PardeepJain
- die Frage ist nicht, wie die url angezeigt wird, die Frage ist, wie übergibt man parameter ist es nicht ?
- auch erwähnt er gerne: /auth/signup?cell=1654654654 Recht?
- aber als Frage-header-empfehlen Sie uns how to pass route params in [routerLink] angular 2 ich denke so
- ok, ich denke mal er möchte gerne, dass das ist, warum ich gezeigt, dass dieser Prozess 🙂
- okay cool nyc Antwort 🙂
- tnx für deine Antwort.genau das wollte ich hier
- Sie sind herzlich willkommen und wenn es geholfen hat, können Sie akzeptieren und Stimmen auf. 🙂 @AlirezaValizade
InformationsquelleAutor Shaishab Roy
1

Die akzeptierte Antwort ist veraltet und IMHO nicht die Frage beantworten.

Aber die Frage ist nicht klar: "route params" sind in der Pfad Teil der URL, aber die Frage war über "query params", die nach dem '?' (Fragezeichen).

Also die Antwort auf die Frage ist in der Antwort von @Akash: Sie müssen
```
[queryParams]="{name: value}"
```
in der Vorlage.

Also dieser Anker in der Referenz zu /path/with/myparam?cell=1654654654:
```
<a [routerLink]="['/path/with/:paramName', {paramName: "myparam"}]"
   [queryParams]="{cell: 1654654654}"
></a>
```
InformationsquelleAutor Manuel Fodor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.