javascript - 在 $stateParams url 中传递对象

Question

我试图在我的网址中传递一个对象作为参数，但我得到了这个奇怪的结构。

http://localhost:8080/#/%5Bobject%20Object%5D => [object Object]

下面是我如何发送对象的代码。

var user = {"user":item};
$state.go("myState",user);

在我的 route

.state('myState',{
   url: "/:user",
   templateUrl: "user.html",
   controller: 'User',                  
});

当我尝试访问查看用户页面时，我得到上述网址，并且无法通过 $stateParams.user 访问数据，因为它是字符串 [object Object]

我正在使用 ui-router 版本 v0.2.15 和 Angular 1.3.4

Answer 1

如果您只想将对象从一个状态的 Controller 传递到另一个状态的 Controller ，则不能使用 URL 状态参数，因为这些参数必须是字符串才能在 URL 中工作。

您可以使用 params 状态配置属性。

$stateProvider.state('myState', {
    url: 'whatever',
    templateUrl: 'user.html',
    controller: 'User',
    params: {
        user: null
    }
});

现在您可以转换到myState状态并传递一个复杂的对象

$state.go('myState', {user: item});

并且您的User Controller 可以引用$stateParams.user。