在当前路由上设置查询参数

时间:2016-11-21 16:27:06

标签: angular angular2-routing

我的Angular2路由器有问题。我正在显示多个列表,用户可以在其中选择项目。我想将这些选定项目的id作为查询参数传递给当前/激活的路由,即:。

1)当用户在主页面上时,两个列表的网址都是:localhost/#/main

2)当用户从第一个列表中选择项目时,该项目应保持选中状态,并且url应更改为localhost/#/main;firstItem=1,但两个列表仍应可见 - 无路由重定向,

3)对于第二个列表,它应该是相似的,所以选择后url应该更改为localhost/#/main;firstItem=8,secondItem=9

我已经实现了从子组件/路由传递查询参数 - 项目管理(在保存或取消到列表上的选择项目时):

this.router.navigate(['/main', { firstItem: item.id }]);

它运作正常,结果网址为:localhost/#/main;firstItem=1

但是我不能在激活的路由上设置查询参数,在这种情况下是期望的行为。简单,类似于上述解决方案会抛出一个错误,即插座尚未激活。

有任何想法或建议吗?

0 个答案:

没有答案