我希望能夠使用UI路由器轉換到狀態並傳遞任意對象。AngularJS：使用UI路由器將對象傳入狀態
我知道，通常使用$ stateParams，但我相信這個值被插入到URL中，我不希望用戶能夠爲這些數據添加書籤。
我想要這樣做。
$state.transitionTo('newState', {myObj: {foo: 'bar'}});
function myCtrl($stateParams) {
console.log($stateParams.myObj); // -> {foo: 'bar'}
};
有沒有辦法做到這一點沒有編碼的值到URL？
在0.2.13，你應該能夠物體傳遞到$ state.go版本，
$state.go('myState', {myParam: {some: 'thing'}})
$stateProvider.state('myState', {
url: '/myState/{myParam:json}',
params: {myParam: null}, ...
然後訪問參數在您的控制器。
$stateParams.myParam //should be {some: 'thing'}
myParam不會顯示在URL中。
來源：
見christopherthielen https://github.com/angular-ui/ui-router/issues/983的評論，在這裏轉載出於方便：
christopherthielen：是的，這應該是現在0.2.13工作。 （'foo'，{url：'/ foo /：param1？param2'，params：{param3： null} // null是默認值}）;};}};}};
$ state。go（'foo'，{param1：'bar'，param2：'baz'，param3：{id：35， name：'what'}}）;
$ stateParams在 '富' 現在是{參數1： '棒'，參數2： '巴茲'，參數3：{ ID：35，店名： '什麼'}}
網址是/ foo /酒吧？參數2 =巴茲。
也適用於'transitionTo'。 –
我必須做錯事： - /我在0.2.13，但如果我試圖傳遞和反對它出現在字符串狀態'[object object]' – ErichBSchulz
@ErichBSchulz雖然它不包括在這答案，使這項工作的訣竅是在狀態的URL字符串中包含參數名稱，並將類型指定爲JSON。恩。 '$ stateProvider.state（'myState'，{url：'/ myState/{myParam：json}'，params：{myParam：null}，...'參見[0.2.13發佈說明]（https：// github.com/angular-ui/ui-router/releases/tag/0.2.13）和這個功能的代碼註釋 – Syon
不，當將參數傳遞給transitionTo時，URL將始終更新。
這發生在state.js:698的ui-router。
其實你可以做到這一點。
$state.go("state-name", {param-name: param-value}, {location: false, inherit: false});
This is the official documentation about options in state.go
一切都在那裏描述，正如你可以看到這是做的方式。
有此問題
1）的使用不會改變一個URL的參數（使用params屬性）兩個部分：傳遞一個對象作爲參數
$stateProvider
.state('login', {
params: [
'toStateName',
'toParamsJson'
],
templateUrl: 'partials/login/Login.html'
})
2）： 嗯，沒有direct way how to do it now,，因爲每個參數都被轉換爲字符串（編輯：從0.2.13開始，這不再是真實的 - 您可以直接使用對象），但是您可以通過自行創建字符串來解決該問題
toParamsJson = JSON.stringify(toStateParams);
和目標控制器反序列化對象再次
originalParams = JSON.parse($stateParams.toParamsJson);
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));
})
UI路由器機制保持導航中的URL狀態。 因此，如果用戶刷新頁面，他會回到他所在的頁面。 如果您不想使用此行爲，請考慮使用其他機制（控制器/指令等中的原始函數），並使用用於存儲臨時數據的cookie /存儲 – Neozaru
將localStorage與url一起用作數據的關鍵字可能是什麼？ – Neil
價值從何而來？ Ui.router具有在轉換到請求狀態之前將數據加載到作用域的「解析」概念。同樣有onEnter和onExit方法。另外，你可以使用本地存儲。 –