由网友(忘了呼吸的猫)分享简介：我想通过 UI-Router 中的 $state.go() 将自定义对象传递给另一个状态.I want to pass a custom object to another state via $state.go() in UI-Router.var obj = {a: 1,b: 2,fun: function()...

我想通过 UI-Router 中的 $state.go() 将自定义对象传递给另一个状态.

I want to pass a custom object to another state via $state.go() in UI-Router.

var obj = {
    a: 1,
    b: 2,
    fun: function() {
        console.log('fun');
    }
}
$state.go('users', obj);

但是我需要在目标状态下运行 fun()，所以我不能在 URL 参数中传递这个对象.在目标控制器中，我尝试通过 $stateParams 获取 obj 的值，但得到了空对象 {}:

But I need to run fun() in target state, so I can't pass this object in URL parameter. In target controller, I tried to fetch the value of obj via $stateParams but got empty object {}:

function UserCtrl($stateParams) {
    console.log($stateParams); // will be empty
}

那么如何正确传递obj来声明用户"呢?

So how to pass obj to state "users" correctly?

推荐答案

使用如下参数定义状态:

Define state with parameters like this:

$stateProvider
.state('user', {
   url: '/user',
   params: {
     obj: null
   },
   templateUrl: 'templates/user.html',
   controller: 'UserCont'
})

当像这样调用传递参数时:

when calling pass parameter like this:

$state.go('user',{obj: myobj});

在控制器 UserCon 中接收参数如下:

in the controller UserCon receive parameter like:

$state.params.obj

用户 $state 是控制器中定义的参数之一

User $state is one of the parameter in the controller defined like

function UserCon($scope, $http, $state){