angularjs – 使用Angular UI Router在URL中设置动态参数

发布时间：2020-12-17 17:41:13 所属栏目：安全来源：网络整理

导读：我正在使用查询系统,允许用户从动态字段列表构建查询,我想在URL中持久查询. 通常我会这样做： $stateProvider.state('alerts',{ url: '/alerts/list?p1p2p3' }) 在控制器中我可以用$stateParam读取params： console.log($stateParams.p1) 我可以在URL中保存

我正在使用查询系统,允许用户从动态字段列表构建查询,我想在URL中持久查询.

通常我会这样做：

$stateProvider.state('alerts',{
                url: '/alerts/list?p1&p2&p3'
            })

在控制器中我可以用$stateParam读取params：

console.log($stateParams.p1)

我可以在URL中保存查询：

$state.go($state.current,{p1:'1',p2: '2'},{location: true,inherit:true,notify:false})

但问题是我不能宣布所有的参数.

我想要做：

$state.go($state.current,p2: '2',p3:'3',p4: '4',p5:'5'},notify:false})

但是ui-router忽略了没有声明状态的params.

我知道$location.search让我可以访问URL搜索部分,但是如何设置URL(不更改状态和重新加载页面)？

解决方法

这对我有用：

$stateProvider.state("alerts",{ url: "/alerts/list?{query:json}" });

和

$state.go($state.current,{query: {a:1,b:2,c: '3'}},notify:false})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!