Working with matrix URL parameters and routing arrays
Angular 2 introduces native support for an awesome feature that seems to be frequently overlooked: matrix URL parameters. Essentially, these allow you to attach an arbitrary amount of data inside a URL to any routing level in Angular, and giving you the ability to read that data out as a regular URL parameter.
Note
The code, links, and a live example of this are available at http://ngcookbook.herokuapp.com/4553/.
Getting ready
Begin with the code created at the end of the How to do it... section in Implementing nested views with route parameters and child routes.
Your goal is to pass arbitrary data to both the ArticleList
and ArticleDetail
levels of this application via only the URL.
How to do it...
routerLink
arrays are processed serially, so any string that will become part of the URL that is followed by an object will have that object converted into matrix URL parameters. It will be easier to understand this by example, so begin by passing...