Best/correct way to implement Master detail with Angular

I'm implementing a Master/detail UI with Angular 4(Material Design) for Frontend and Rest API Node/MongoDB for Backend

First I've request to server the list of categories that populate their product refs and returns to Frontend via JSON all the data

My doubt is about when a user clicks on a list element:

-Pass whole data of the product to render it via `queryParams`

-Pass whole data of the product to render it via injected local Data service

-Pass id of the product via URL an then request the info to server again

Which would be the normal flow on app?

Is there a better way to do it?

via Hanzo