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.

When you navigate to your desired component and want to remove the query parameter — Kanishk Anand
– Kanishk Anand, Commented Dec 3, 2021 at 12:38

Abdullah Hussein · Accepted Answer · 2022-05-19 00:29:20Z

3

In ngOnInit:

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

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

edited May 19, 2022 at 0:29

answered May 18, 2022 at 12:54

Abdullah Hussein

414 bronze badges

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

1 Comment

Community Over a year ago

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.

Collectives™ on Stack Overflow

Angular - Remove URL parameters on page refresh

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related