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/.
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.