Angularjs 中 ui-sref 和 $state.go 如何传递单个多个参数和将对象作为参数

矫情吗；* 2022-06-13 13:16 150阅读 0赞

一： 如何传递单个参数

首先，要在目标页面定义接受的参数：

![这里写图片描述][337212-20160318181804412-426985465.png]

**传参，**  
**ui-sref:**  
![这里写图片描述][337212-20160318182142693-1979913166.png]

**$state.Go:**  
![这里写图片描述][337212-20160318182359646-1518874208.png]

接收参数，  
在目标页面的controller里注入stateParams，然后"stateParams.参数名” 获取  
![这里写图片描述][337212-20160318183345115-400547056.png]

二：传递多个参数其实也很简单可以在上面的单个后面直接拼  
1：目标页面定义需要传的传输个数

.state("default.certquery", {
        url: "/certquery",
        controller: "certQueryCtrl",
        params:{
       'gymListIds':null,"name":null}, //这个是重点其他可以不用看，具体路由对应自己项目
        template: "<div ui-view></div>"
    
    })

2：controll里面接受（注入stateParams，然后"stateParams.参数名）

var params={
       'gymListIds':classId,"name":name};
    $state.go('sureOrders',{myParam:JSON.stringify(params)});//跳转页面并传值

我这里是用页面绑定的值作为参数传过去，大家可以传固定的，具体业务具体对待

三：传递对象

$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'
                        }
                    }
                })

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

[337212-20160318181804412-426985465.png]: /images/20220613/315abf4136d14be0b1263ab1a50a4829.png
[337212-20160318182142693-1979913166.png]: /images/20220613/8a8b346fd03541068bc6128a52f46b9e.png
[337212-20160318182359646-1518874208.png]: /images/20220613/2db9b0435093417285f437b9ee87b6e6.png
[337212-20160318183345115-400547056.png]: /images/20220613/b0a879c2094e4b6bb66d40c15b5a6ee5.png