为了账号安全,请及时绑定邮箱和手机立即绑定

无URL状态间数据传递的AngularJS UI路由器

无URL状态间数据传递的AngularJS UI路由器

慕娘9325324 2019-07-06 15:41:34
无URL状态间数据传递的AngularJS UI路由器我面临着这样的问题:在两个状态之间传递数据,而不公开url中的数据,这就好像用户不能真正直接降落在这个状态上一样。例如。我有两个州“A”和“B”。我在状态“A”中执行一些服务器调用,并将调用的响应传递给状态“B”。服务器调用的响应是一个字符串消息,它很长,所以我不能在url中公开它。那么,在不使用url参数的情况下,在角度UI路由器中有任何方式在状态之间传递数据吗?
查看完整描述

2 回答

?
蓝山帝景

TA贡献1843条经验 获得超7个赞

Params对象包含在$state Params中,但不会成为url的一部分。

1)在路由配置中:

$stateProvider.state('edit_user', {
    url: '/users/:user_id/edit',
    templateUrl: 'views/editUser.html',
    controller: 'editUserCtrl',
    params: {
        paramOne: { objectProperty: "defaultValueOne" },  //default value
        paramTwo: "defaultValueTwo"
    }});

(2)在控权人中:

.controller('editUserCtrl', function ($stateParams, $scope) {       
    $scope.paramOne = $stateParams.paramOne;
    $scope.paramTwo = $stateParams.paramTwo;});

3A)从控制器更改状态

$state.go("edit_user", {
    user_id: 1,                
    paramOne: { objectProperty: "test_not_default1" },
    paramTwo: "from controller"});

3b)在html中更改状态

<div ui-sref="edit_user({ user_id: 3, paramOne: { objectProperty: 'from_html1' }, paramTwo: 'fromhtml2' })"></div>

示例柱塞


查看完整回答
反对 回复 2019-07-06
  • 2 回答
  • 0 关注
  • 613 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信