Add queryParams support for routeInterceptor

[prusama]

🧩 Add queryParams support for routeInterceptor

Description

routeInterceptor can return only string and this is having a lot of disadvantages. You cannot pass any queryParams. If you try to modify the string and append the queryparams to your route, you are going to get:
ERROR RuntimeError: NG04002: Cannot match any routes. URL Segment: 'your-route%3FmyQueryParam%3Dtrue'

The query params are getting encoded by Angular router and you are going to get error, because the route is not being recognized.

Describe the solution you'd like

I think that best scenario could be that routeInterceptor would return nothing, but it could be some kind of callback and anybody could wrote its own logic which should be executed when user clicks the link.

routeInterceptor: () => {
    this.router.navigate(['my-route'], {
        queryParams: {
            myQueryParam: true
        }
    })
}

Describe alternatives you've considered

I tried to convert queryParams into string and append it to the returned string, but it resulted into that error I described above. So there is no workaround. There is no workaround.

[github-actions]

👋 Hey @prusama


Thanks for flagging your first issue! We're on it! Please provide all the details you can


Got a fix? Send a PR! 🚀 Check out our local dev guide

If you like this project, please ⭐star⭐ our repo.

[prusama]

I found temporary solution:

this.breadcrumbs.set('test', {
      label: this.translationService.instant('title'),
      routeInterceptor: () => '/action-plans',
      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
      // @ts-ignore
      queryParams: queryParams
});

queryParams attribute is not exported, but it works, so it needs to be marked with // @ts-ignore