Angular 2: "router.navigate" Encoding error in the URL

Question

When I submit a form, I want to navigate to another site and set the search values in the URL as parameters.

I've got following code:

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

This Code work's, but the URL look like this after the routing.

localhost:4200/search%3Fquery%3D1

(The query parameter value is 1).

With this URL I cant fetch the parameters.

How can I format the URL to this: localhost:4200/search?query=1 ?

Wissam Goghrod · Accepted Answer · 2018-11-23 19:50:06Z

10

I've had the case where I get a string with the whole url including the query params.

In this case you can do this

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

answered Nov 23, 2018 at 19:50

Wissam Goghrod

3271 gold badge6 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

unitario · Accepted Answer · 2017-04-16 16:33:30Z

9

Make use of the options parameter:

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

answered Apr 16, 2017 at 16:33

unitario

6,5854 gold badges33 silver badges43 bronze badges