Angular - Remove URL parameters on page refresh

Question

I am adding a parameter to URL when clicking on a 'EDIT' button

    public editCustomFields() {      
      this.router.navigate(['.'], { relativeTo: this.route, queryParams: { view: 'edit' }});      
    }

Thenk the URL becomes

https://someurl.com/grids/admin/custom-fields?view=edit

But, when I manually refresh the browser, I am not able to remove those parameters from the URL. Please suggest on how can I this. Thanks.

Does this help? https://stackoverflow.com/questions/48552993/angular-5-remove-query-param/52193044#52193044 — Kanishk Anand, Dec 03 '21 at 09:14
When you navigate to your desired component and want to remove the query parameter — Kanishk Anand, Dec 03 '21 at 12:38

Abdullah Hussein · Answer 1 · 2022-05-19T00:29:20.847

1

In ngOnInit:

this.router.navigate([], { queryParams: {} });

will stay in the same page, and remove the query params after manual refresh.

edited May 19 '22 at 00:29

answered May 18 '22 at 12:54

Abdullah Hussein

1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community May 18 '22 at 20:57

1 Answers1