how to pass RouteData via Router.navigate in angular2

Question

Is there an api in agnular2 that allows passing json objects instead of string values . E.g. In Router.navigate() I can pass route parameters

Router.navigate('routename',[{key:stringvalue}])

and can retrieve it using RouteParams.get(key) : string. But this returns just string values. I need to pass the json object.

Appreciate any pointers

Answer 1

I think that it's not something possible out of the box since routing relies on URLs and both path variables and query parameters are strings. Both RouterParams and RouterData only supports string attributes.

To simulate this, I don't see other solutions than encoding your JSON objects using JSON.stringify and parsing them on the other side.

Here is a plunkr describing this: https://plnkr.co/edit/jbl7v5fHQEmf4F8tpXDO?p=preview.

Hope it helps you, Thierry