url 中的两个查询参数

Question

之前，我定义了一个 ui-router 的状态，其中 connected 作为参数：

    .state('addinEdit', {
        url: '/addin/edit/{id}?connected',
        resolve: {
            test: [$stateParams, function($stateParams) {
                console.log($statePrams.connected)
            }]
        }
    }

因此，我可以调用 html:

   <a href="addin/edit/?connected=true" target="_self">New</a>

现在，我想在url中添加另一个查询参数ifi，我试过

    .state('addinEdit', {
        url: '/addin/edit/{id}?connected?ifi',
        resolve: {
            test: [$stateParams, function($stateParams) {
                console.log($statePrams.connected)
                console.log($statePrams.ifi)
            }]
        }
    }

但是<a href="addin/edit/?connected=true?ifi=true" target="_self">New</a>好像不行。

当我在浏览器中看到 url 时，它是 https://localhost:3000/1/#/addin/edit/?connected=true%3Fifi%3Dtrue。

有人知道如何解决这个问题吗？

Answer 1

您必须使用 & 作为附加参数：

<a href="addin/edit/?connected=true&ifi=true" target="_self">New</a>

与路由定义相同

 url: '/addin/edit/{id}?connected&ifi',

Answer 2

你会使用 & 而不是另一个 ?:

'/addin/edit/{id}?connected&ifi',

url 中的两个查询参数

Two query parameters in a url

angularjs

angular-ui-router