'How to make URL aliases for angular?

I want to create URLs to look like this:

.../:group/:subgroup/:name (so Google crawler can read it)

and on the server I want URLs with this structure to get recognized like:

.../product/:id (and in code, I want to pass id to get data)

For example, when .../Nike/blue/t-shirt is visited I want the server to recognize that URL as .../product/87414 and then load data of the product with id: 87414.

How can I achieve this with Angular?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source