В моем угловом проекте у меня есть компонент с этим URL https://example.com/course/cat1/video
И у меня есть компонент в моем компоненте, подобный этому
<select name="category" id="">
<option value="cat1"></option>
<option value="cat2"></option>
<option value="cat3"></option>
<option value="cat4"></option>
</select>
Теперь я хочу, когда пользователь нажимает *Опция 1007 * структура URL будет выглядеть следующим образом: https://example.com/course/cat2/video, и это будет загрузка данных для cat2 id из службы ng.
Как я могу это сделать на самом деле.