如何在ui路由器中为AngularJS传递查询参数?

时间:2018-03-30 18:01:46

标签: angularjs angular-ui-router

我是AngularJS的新手,我还在学习它。我有这个任务,我需要在$ stateparam中捕获查询参数。这可能吗?

URL as follow:  https://..../details?param1=abc&param2=10

In my ui route, I have this:
        $stateProvider.state('order', {
        url : '/order',
        views : {
            "mainContent" : {
                templateUrl : 'order.html'
            }
        },
        params: {
            orderId: <how can I capture param1 value here?>,
            orderQuantity: <how can I capture param2 value here?>
        }
    });

如果没有,我可以将查询参数指定为$ stateparam的其他方式是什么?如果我在这里指定参数

,这很容易实现
url : '/order/:param1/:param2'

但这也意味着我的网址就是这样,我不想要

https://..../details?param1=abc&param2=10#!/order/abc/10

顺便说一句,他们需要传递$ stateparam,因为它们是下游所必需的,我无法修改代码。

1 个答案:

答案 0 :(得分:1)

?

中使用url
$stateProvider.state('order', {
     url : '/order?:orderId&:orderQuantity',
     views : {
        "mainContent" : {
           templateUrl : 'order.html'
         }
     }

网址将为https://..../details?orderId=123&orderQuantity=10

相关问题