Wie übergebe ich ein Objekt mit dem UI-Router in einen Zustand?

Ich möchte in der Lage sein, in einen Zustand überzugehen und ein beliebiges Objekt mit dem UI-Router zu übergeben.

Ich bin mir bewusst, dass dies normalerweise $stateParamsverwendet wird, aber ich glaube, dass dieser Wert in die URL eingefügt wird, und ich möchte nicht, dass Benutzer diese Daten mit Lesezeichen versehen können.

Ich würde gerne so etwas machen.

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

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

Gibt es eine Möglichkeit, dies zu tun, ohne Werte in die URL zu kodieren?

In Version 0.2.13 sollten Sie in der Lage sein, Objekte an $ state.go zu übergeben.

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

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

und greifen Sie dann auf den Parameter in Ihrer Steuerung zu.

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

myParam wird nicht in der URL angezeigt.

Quelle:

Siehe den Kommentar von christopherthielen https://github.com/angular-ui/ui-router/issues/983 , der hier zur Vereinfachung wiedergegeben ist:

christopherthielen: Ja, das sollte jetzt in 0.2.13 funktionieren.

.state ('foo', {url: '/ foo /: param1? param2', params: {param3: null} // null ist der Standardwert});

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

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

URL ist / foo / bar? param2 = baz.

Es gibt zwei Teile dieses Problems

1) Verwenden eines Parameters, der eine URL nicht ändert (mithilfe der Eigenschaft params):

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

2) , die ein Objekt als Parameter: Nun, es gibt keinen direkten Weg , wie man es jetzt tun, wie jeder Parameter in einem String umgewandelt wird ( EDIT : seit 0.2.13, ist dies nicht mehr wahr - Sie können Objekte direkt) verwenden, aber Sie können dies umgehen, indem Sie die Zeichenfolge selbst erstellen

toParamsJson = JSON.stringify(toStateParams);

und in der Zielsteuerung das Objekt erneut deserialisieren

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

Eigentlich kannst du das machen.

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

Dies ist die offizielle Dokumentation zu Optionen in state.go

Dort wird alles beschrieben, und wie Sie sehen, ist dies der richtige Weg.

Übrigens können Sie auch das Attribut ui-sref in Ihren Vorlagen verwenden, um Objekte zu übergeben

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));


    })

Nein, die URL wird immer aktualisiert, wenn Parameter an übergeben werden transitionTo.

Dies geschieht auf state.js: 698 im UI -Router .