pass URL in an URL as parameter in angular

Question

I am building a 404 page, and I would like to be redirected to different location depending on where the user was.

I made a route in my router that looks like this :

      {
        path: 'not-found/:backTo,
        component: NotFoundComponent,
      },

in my code I do

      this.router.navigate(
        [
          'not-found',
          this.router.serializeUrl(
            this.router.createUrlTree(
              ['new', 'url', 'for', 'redirect']
            )
          ),
        ],
        { skipLocationChange: true }
      )

so it looks like navigate to this.router.navigate(["not-found", "/new/url/for/redirect"])

problem is, I never arrive to my 404 page, which was working before I tried this.

I guess I am doing wrong, cause the url is wierd, and it should be like

not-found?backTo='new/url/for/redirect'

but I can't manage to make it, and work with angular routing.

iamaword · Accepted Answer · 2020-08-28 03:31:21Z

1

I'd do something with query params:

currentUrl = this.router.url;
this.router.navigate( ['not-found'], { queryParams: { previousUrl: currentUrl}});

answered Aug 28, 2020 at 3:31

iamaword

1,5371 gold badge12 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

pass URL in an URL as parameter in angular

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related