How to navigate to an exact url string in Angular2

Question

I have a router set up with parameters

@RouteConfig([
    {
        path: 'article/:id/:title',
        name: 'ArticleContent',
        component: ArticleComponent
    }
])

Somewhere else, I am trying to read the href value of links that looks like this

href="article/45/titlehere"

and use Router navigate method to route to that url without having to break it up to single params. Is there a straight way in Angular2 to do that? like this?

_router.navigate("article/34/titlehere")

This isn't working, keep getting

EXCEPTION: TypeError: linkParams.reduce is not a function

PS. is already set correctly to site root

Community · Accepted Answer · 2020-06-20 09:12:55Z

3

If you have url as a string you should use navigateByUrl method of Router object:

navigateByUrl(url: string, _skipLocationChange?: boolean) : Promise<any>

Navigate to a URL. Returns a promise that resolves when navigation is complete. It's preferred to navigate with navigate instead of this method, since URLs are more brittle.

If the given URL begins with a /, router will navigate absolutely. If the given URL does not begin with /, the router will navigate relative to this component.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Mar 4, 2016 at 20:36

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

3 Comments

Ayyash Over a year ago

Adding link to documentation for reference (It is not quite easy to reach these files on Angular website) angular.io/docs/ts/latest/api/router/Router-class.html

Ahmad Baktash Hayeri Over a year ago

@Ayyash, link is broken.

Ayyash Over a year ago

yup, angular moves quite fast, now its somebody else's chore to find the right link :)

Collectives™ on Stack Overflow

How to navigate to an exact url string in Angular2

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related