disappears queryParams router Angular

Question

I am using queryParams to include search parameters in my url. Then I have the following:

app.routing.module.ts

{path: 'buscar', component: BuscarComponent}

component.ts

 goSearch() {
    this.router.navigate(['/buscar'], { queryParams: { query: 'larapa' }} );
 }

component.html

<button (click)="goSearch()">myLink</button>

Then the result I get http://localhost:4200/buscar?query=larapa but instantly ?query=larapa disappears and as a final result I get http://localhost:4200/buscar

Is this normal behavior? Do I have something wrong set up? How can I do this to solve this?

Have a look at https://stackoverflow.com/questions/39898656/angular2-router-keep-query-string — nayakam, Oct 23 '19 at 23:46

score 0 · Answer 1 · answered Oct 24 '19 at 01:05

0

If you want remain your params, how about use app-routing paramerters?

In App.routing.module.ts

{path: 'buscar:query', component: BuscarComponent}

then you can access url like this http://localhost:yourport/buscar/larapa

answered Oct 24 '19 at 01:05

HEON

11
1

I need my final path to be with this format http: // localhost: 4200/search? query=larapa since I am using algolia as a search provider – Paco Zevallos Oct 24 '19 at 01:37

disappears queryParams router Angular

1 Answers1