Angular - routable modals with Root in it

Question

I'm trying to make a modal that displays product info with a tab system inside, which is driven by rooting.

My ultimate goal is to have a root that looks like that: 'productList/productId/tab1'

which would redirect to my product list with the product's modal open at the right tab

I am fairly new to all that is root related and I tried many solutions without success. I would like to have some advice on how I could do this.

Thanks