Angular 2: "router.navigate" Codierungsfehler in der URL

Question

Wenn ich ein Formular absende, möchte ich zu einer anderen Website navigieren und die Suchwerte in der URL als Parameter festlegen.

Ich habe folgenden Code bekam:

searchOffers() { 
    this.router.navigate([ 
     '/search?query= + 
     this.search.value.FG 
    ]); 
    } 

Dieser Kodex Arbeit, aber die URL wie folgt nach dem Routing aussehen.

localhost:4200/search%3Fquery%3D1 

(Der query Parameterwert ist 1).

Mit dieser URL kann ich die Parameter nicht abrufen.

Wie kann ich die URL zu diesem formatieren: localhost:4200/search?query=1?

Answer 1

Nutzen Sie die Optionen Parameter:

searchOffers() { 
    this.router.navigate(['/search'], { queryParams: { query: this.search.value.FG } }); 
    }