我的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
。
但是我不能在激活的路由上设置查询参数,在这种情况下是期望的行为。简单,类似于上述解决方案会抛出一个错误,即插座尚未激活。
有任何想法或建议吗?