我正在使用带有新组件路由器的angular 1。我有这样的$ routeConfig:
{ path: '/list', name: 'ListCmp', component: 'listCmp', useAsDefault: true }
我想使用自定义查询参数导航到此组件。
$router.navigate(['ListCmp', {itemId: 1, name: 'prop1'}]);
导航后,得到以下网址:localhost / list; name = 1; prop1问题是我在很多地方使用$ location.search(),但是此方法无法用分号分隔的值来解析url。我如何使这个新路由器生成旧式的查询参数,例如:
本地主机/列表?名称= 1&prop1
由于ListCmp
是另一个组件的子路由,因此将以矩阵格式而不是查询格式生成参数。您可以在此处阅读有关矩阵参数与查询参数的更多信息。
它的本质含义是“矩阵参数适用于特定的路径元素,而查询参数适用于整个请求”。
关于您的问题,您必须使用$location.search()
吗?您可以使用$routerOnActivate
生命周期挂钩并在其中访问参数ListCmp
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句