如何在Angular中更改URL参数并通过下拉值加载动态内容?

时间:2018-12-16 08:56:56

标签: javascript angular npm angular-routing

在我的有角项目中,我有一个组件,其网址为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>

现在,我希望当用户单击cat2选项时,URL结构将如下所示 https://example.com/course/cat2/video,它将从ng服务中加载cat2 id的数据。

我实际上该怎么做。

0 个答案:

没有答案