How to remove specific param from url?

Question

I have this route :

www.test.com/evidention?procesId=12&esid=12

I want to remove only this esid. Any suggestion how can i do that?

Answer 1

In the component or service where you want this deletion you can do the following:

export class ComponentOrService
{
    constructor(
      protected readonly route: ActivatedRoute,
      protected readonly router: Router
    ) { }

    deleteQueryParameterFromCurrentRoute()
    {
        const params = { ...this.route.snapshot.queryParams };
        delete params.esid;
        this.router.navigate([], { queryParams: params });
    }
}

PS: [] here means to stay on the same route and only change queryParams

Answer 2

In angular 7+ there is error with "no provider for activatedroutesnapshot"

insteated you can use from ActivatedRoute

in constructor use

    private _ActivatedRoute: ActivatedRoute

and with this you can change url parameters

    var snapshot = this._ActivatedRoute.snapshot;
    const params = { ...snapshot.queryParams };
    delete params.esid
    this.router.navigate([], { queryParams: params });