Angular 1组件路由器查询参数

安泽·马修乌索维奇(Andzej Maciusovic)

我正在使用带有新组件路由器的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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular 1组件路由器查询参数

来自分类Dev

Angular 2组件路由器

来自分类Dev

Angular 2组件路由器

来自分类Dev

无法安装Angular 1.5组件路由器

来自分类Dev

Angular 1组件路由器:无法读取未定义的属性“ startsWith”

来自分类Dev

如何在Angular 1.5组件路由器中检测路由更改?

来自分类Dev

Angular2组件路由器基本问题

来自分类Dev

使用路由器将对象传递给Angular2组件

来自分类Dev

Angular 1.5组件访问ui路由器$ state

来自分类Dev

带有路由器出口的Angular2组件通信

来自分类Dev

如何使用路由器对Angular 2 RC4组件进行单元测试

来自分类Dev

Angular2 v3组件路由器:TypeError:无法读取未定义的属性“ split”

来自分类Dev

路由器angular2不适用于同一组件,但difefrenet ID

来自分类Dev

路由器angular2不适用于同一组件,但difefrenet ID

来自分类Dev

Angular 2新路由器:如何获取子组件的路由器参数?

来自分类Dev

Angular ui路由器的动态参数

来自分类Dev

Angular ui路由器可选查询参数两次加载控制器

来自分类Dev

Angular 1组件与指令定义

来自分类Dev

Angular 2 RC1组件路由不会加载任何内容

来自分类Dev

Angular ui路由器将查询参数解析为布尔值

来自分类Dev

Angular2中的路由器导航和查询参数[RC5]

来自分类Dev

angular2路由器的严格“状态”查询参数行为

来自分类Dev

Angular 2 Rc.1路由器未加载“ /”组件

来自分类Dev

将resolve参数传递给UI Router中的angular1组件

来自分类Dev

Angular 2:使用路由器测试组件

来自分类Dev

如何使用路由器出口加载Angular组件

来自分类Dev

Ionic Angular路由器组件缓存问题

来自分类Dev

Angular-在路由器事件中获取组件实例

来自分类Dev

Angular 2.0.0使用路由器测试组件

Related 相关文章

热门标签

归档