Come passare un oggetto in uno stato utilizzando il router UI?

Mi piacerebbe essere in grado di passare a uno stato e passare un oggetto arbitrario usando ui-router.

Sono consapevole che di solito $stateParamsviene utilizzato, ma credo che questo valore sia inserito nell'URL e non voglio che gli utenti siano in grado di aggiungere questi dati ai segnalibri.

Mi piacerebbe fare qualcosa di simile.

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

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

C'è un modo per farlo senza codificare i valori nell'URL?

Nella versione 0.2.13, dovresti essere in grado di passare oggetti in $ state.go,

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

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

e quindi accedere al parametro nel controller.

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

myParam non verrà visualizzato nell'URL.

Fonte:

Vedi il commento di christopherthielen https://github.com/angular-ui/ui-router/issues/983 , riprodotto qui per comodità:

christopherthielen: Sì, dovrebbe funzionare ora nella versione 0.2.13.

.state ('foo', {url: '/ foo /: param1? param2', params: {param3: null} // null è il valore predefinito});

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

$ stateParams in 'foo' ora è {param1: 'bar', param2: 'baz', param3: {id: 35, name: 'what'}}

l'URL è / foo / bar? param2 = baz.

Ci sono due parti di questo problema

1) utilizzando un parametro che non altererebbe un URL (utilizzando la proprietà params):

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

2) passare un oggetto come parametro: Bene, non c'è un modo diretto per farlo ora, poiché ogni parametro viene convertito in stringa ( EDIT : dalla 0.2.13, questo non è più vero - puoi usare gli oggetti direttamente), ma puoi aggirare il problema creando la stringa da solo

toParamsJson = JSON.stringify(toStateParams);

e nel controller di destinazione deserializzare nuovamente l'oggetto

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

In realtà puoi farlo.

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

Questa è la documentazione ufficiale sulle opzioni in state.go

Tutto è descritto lì e come puoi vedere questo è il modo per farlo.

A proposito, puoi anche usare l'attributo ui-sref nei tuoi modelli per passare oggetti

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, l'URL verrà sempre aggiornato quando vengono passati i parametri transitionTo.

Questo accade su state.js: 698 in ui-router .