¿Cómo pasar un objeto a un estado usando UI-router?

Me gustaría poder hacer la transición a un estado y pasar un objeto arbitrario usando ui-router.

Soy consciente de que $stateParamsse usa normalmente , pero creo que este valor se inserta en la URL y no quiero que los usuarios puedan marcar estos datos.

Me gustaría hacer algo como esto.

$state.transitionTo('newState', {myObj: {foo: 'bar'}});

function myCtrl($stateParams) {
   console.log($stateParams.myObj); // -> {foo: 'bar'}
};

¿Hay alguna forma de hacer esto sin codificar valores en la URL?

En la versión 0.2.13, debería poder pasar objetos a $ state.go,

$state.go('myState', {myParam: {some: 'thing'}})

$stateProvider.state('myState', {
                url: '/myState/{myParam:json}',
                params: {myParam: null}, ...

y luego acceda al parámetro en su controlador.

$stateParams.myParam //should be {some: 'thing'}

myParam no aparecerá en la URL.

Fuente:

Vea el comentario de christopherthielen https://github.com/angular-ui/ui-router/issues/983 , reproducido aquí para mayor comodidad:

christopherthielen: Sí, esto debería estar funcionando ahora en 0.2.13.

.state ('foo', {url: '/ foo /: param1? param2', params: {param3: null} // null es el valor predeterminado});

$ state.go ('foo', {param1: 'bar', param2: 'baz', param3: {id: 35, name: 'what'}});

$ stateParams en 'foo' ahora es {param1: 'bar', param2: 'baz', param3: {id: 35, name: 'what'}}

url es / foo / bar? param2 = baz.

Hay dos partes de este problema

1) usando un parámetro que no alteraría una URL (usando la propiedad params):

$stateProvider
    .state('login', {
        params: [
            'toStateName',
            'toParamsJson'
        ],
        templateUrl: 'partials/login/Login.html'
    })

2) pasar un objeto como parámetro: Bueno, no hay una forma directa de cómo hacerlo ahora, ya que cada parámetro se convierte en una cadena ( EDITAR : desde 0.2.13, esto ya no es cierto, puede usar objetos directamente), pero puede solucionarlo creando la cadena por su cuenta

toParamsJson = JSON.stringify(toStateParams);

y en el controlador de destino deserializar el objeto nuevamente

originalParams = JSON.parse($stateParams.toParamsJson);

De hecho, puedes hacer esto.

$state.go("state-name", {param-name: param-value}, {location: false, inherit: false});

Esta es la documentación oficial sobre opciones en state.go

Allí se describe todo y, como puede ver, esta es la forma de hacerlo.

Por cierto, también puede usar el atributo ui-sref en sus plantillas para pasar objetos

ui-sref="myState({ myParam: myObject })"

1)

$stateProvider
        .state('app.example1', {
                url: '/example',
                views: {
                    'menuContent': {
                        templateUrl: 'templates/example.html',
                        controller: 'ExampleCtrl'
                    }
                }
            })
            .state('app.example2', {
                url: '/example2/:object',
                views: {
                    'menuContent': {
                        templateUrl: 'templates/example2.html',
                        controller: 'Example2Ctrl'
                    }
                }
            })

2)

.controller('ExampleCtrl', function ($state, $scope, UserService) {


        $scope.goExample2 = function (obj) {

            $state.go("app.example2", {object: JSON.stringify(obj)});
        }

    })
    .controller('Example2Ctrl', function ($state, $scope, $stateParams) {

        console.log(JSON.parse($state.params.object));


    })

No, la URL siempre se actualizará cuando se pasen los parámetros transitionTo.

Esto sucede en state.js: 698 en ui-router .