如何使用 state go 方法在 Angular 状态路由器中的网址 url 中形成查询字符串

我有一个产品列表页面，有产品列表，当单击特定产品时，调用该函数并在函数 state.go 中。

不在动态模式下工作：

$state.go('home.product.detail', { 'productID': "redminote4", 'brand': 'x', "store":"amazon" });

.state('home.product.detail', {
    url: '/products/:?productID?brand?store',
    views: {
        '@': {
            templateUrl: baseUrl + 'products/products',
            controller: 'productsController'
        }
    },
    data: {
        displayName: '',
        displayImg: 'Images/productsHeaderIcon.png'
    }, resolve: {

        param2: function (LoginHome) {

            return LoginHome.getHomeService1();

        }
    }

**

Output  weburl need to be:
productID=redminote4&brand=amazon&store=amazon:

另一件事是价值进入状态参数： 例如）stateparams.productId=redminote 但 url 未构造 **

工作正常：

当我在参数中设置值时，我得到了上面提到的outputurl：

**function call:**

$state.go('home.product.detail', { 
'productID': "redminote4", 'brand': 'x', "store":"amazon" });

App:

 .state('home.product.detail', {
  url: '/products/:?productID?brand?store',
params:{
'productID': "redminote4", 
'brand': 'x', 
"store":"amazon" }

},
        views: {
            '@': {
                templateUrl: baseUrl + 'products/products',
                controller: 'productsController'
            }
        },
        data: {
            displayName: '',
            displayImg: 'Images/productsHeaderIcon.png'
        }, resolve: {

            param2: function (LoginHome) {

                return LoginHome.getHomeService1();

            }
        }

为什么url不是动态形成的？

您的 url 中定义的参数方式不正确。无论如何，一种选择是使用生命周期方法并返回目标

.state('home.product.detail', {
    url: '/products/?productID&?brand&?store',
    params:{
        'productID': {
            value: "redminote4", 
            squash: true
        }
        'brand': {
            value: "x", 
            squash: true
        }, 
        'store': {
            value: "amazon", 
            squash: true
        }
},
data: {
    displayName: '',
    displayImg: 'Images/productsHeaderIcon.png'
},
onEnter: ['$transition$', '$state$', 'LoginHome', function(transition, state, LoginHome){

    if(!transition.options().resolvedParams){
       return transition.router.stateService.target(
                 transition.to().name, 
                 {
                    productID: 'redminote4', 
                    brand: 'x', 
                    store:'amazon'
                 },
                 { 
                    resolvedParams: true 
                 }
           );
        }
    }]

这会中断状态更改并将其替换为新目标，该目标现在填充了您的参数，并且在选项对象中有一个自定义键，我在本示例中使用该自定义键来不再重定向状态更改。

您可以了解有关生命周期的更多信息here https://ui-router.github.io/docs/latest/classes/transition.transition-1.html#to和我们返回的 TargetStatehere https://ui-router.github.io/docs/latest/classes/state.targetstate.html