How to use params without showing in url?

Question

controllerA from state A

$state.go('account.accountRegister', {accountType: $stateParams.accountType, acName: acName})

State defined in app.js

.state('account.accountRegister', {
    url: '/:accountType/register',
    params: {accountType, acName},
    views: {
        'mainView@':{
        templateUrl: 'app/views/registration.html',
        controller: 'registrationController'
    }
}
})

controllerB from state B

console.log($stateParams.acName); // is getting undefined

How to use acName in the controller without showing in the url part of the state?

try givinng default values to state params. params: {accountType: null, acName: null} — Mr.7
– Mr.7, Commented Nov 28, 2016 at 6:09

Mr.7 · Accepted Answer · 2016-11-28 06:32:21Z

1

I came up with a solution

        .state('account.accountRegister', {
                url: '/:accountType/register',
                params: {
                    acName: {
                        value: 'defaultValue',
                        squash: false
                    }
                },
                views: {
                    'mainView@':{
                        templateUrl: 'app/views/registration.html',
                        controller: 'registrationController'
                    }
                }

        })

For more info on squash property of the params object:

https://ui-router.github.io/docs/0.3.1/#/api/ui.router.state.$stateProvider

edited Nov 28, 2016 at 6:32

Mr.7

2,7311 gold badge24 silver badges36 bronze badges

answered Nov 28, 2016 at 6:14

Ram_T

8,50411 gold badges42 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use params without showing in url?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related