Angularjs 角度1组件路由器查询参数
我正在使用angular 1和新组件路由器。 我有$routeConfig,如下所示:Angularjs 角度1组件路由器查询参数,angularjs,angular-component-router,Angularjs,Angular Component Router,我正在使用angular 1和新组件路由器。 我有$routeConfig,如下所示: { path: '/list', name: 'ListCmp', component: 'listCmp', useAsDefault: true } 我想使用自定义查询参数导航到此组件 $router.navigate(['ListCmp', {itemId: 1, name: 'prop1'}]); 导航后,我得到以下Url:localhost/list;name=1;prop1 问题是我在很多地方
{ path: '/list', name: 'ListCmp', component: 'listCmp', useAsDefault: true }
我想使用自定义查询参数导航到此组件
$router.navigate(['ListCmp', {itemId: 1, name: 'prop1'}]);
导航后,我得到以下Url:localhost/list;name=1;prop1
问题是我在很多地方使用了$location.search(),但是这个方法不能用分号分隔的值解析url。如何使这个新路由器生成老式的查询参数,如:
localhost/list?name=1&prop1因为
ListCmp
是另一个组件的子路由,所以将以矩阵格式而不是查询格式生成参数。您可以阅读有关矩阵参数与查询参数的更多信息
它的本质意思是“矩阵参数应用于特定的路径元素,而查询参数应用于整个请求”
关于您的问题,是否必须使用$location.search()
?您可以使用$routerOnActivate
生命周期挂钩,并访问列表CMP
中的参数