ionic跨页面传参

时间 2019-12-11

标签 ionic 页面繁體版

原文原文链接

一、controller中添加$cacheFactory服务。
javascript

eg:从home页传递name到login页面显示html

angular.module('ysw.controllers', [])

    .controller('HomeCtrl', function ($scope, $cacheFactory, $state) {
        try {
            var name = '123';
            $cacheFactory('cache').put('name',name);//建立一个缓存对象，再存name值

            $scope.goTo = function () {
              $state.go('login');
            };

        } catch (e) {
            console.error(e);
        }
    })

    .controller('LoginCtrl', function ($scope, $cacheFactory) {
        try {
            $scope.name = $cacheFactory.get('cache').get('name');//获得缓存对象再取值
        } catch (e) {
            console.error(e);
        }
    })

PS：销毁对象cachejava

 $cacheFactory.get('cache').destroy();

删除键值对name缓存

$cacheFactory.get('cache').remove('name');

如下例子传参方式均为：从home页面传递name和age到login页面：app

angular.module('ysw.controllers', [])

    .controller('HomeCtrl', function ($scope, $state) {
        try {
            var name = 'zella';
            var age = '20';
            $scope.goTo = function () {
              $state.go('login',{name:name,age:age});//传参方式
              $state.go('login',{object:JSON.stringify(object)});//所传参数object为对象
            };

        } catch (e) {
            console.error(e);
        }
    })

    .controller('LoginCtrl', function ($scope,$stateParams) {
        try {
            $scope.name = $stateParams.name;
            $scope.age = $stateParams.age;//接收参数方式
            $scope.object= JSON.parse($stateParams.object);//所接收参数为对象

} catch (e) { console.error(e); } })

二、接收参数的页面url中添加参数，以/:a/:b...等的方式url

.state('login', {
                url: '/login/:name/:age',      
                cache: 'false',
                views: {
                    'default': {
                        templateUrl: 'templates/login.html',
                        controller: 'LoginCtrl'
                    }
                }
            })

三、接收参数的页面url中添加参数，以/{a}/{b}...等的方式spa

.state('login', {
                url: '/login/{name}/{age}',
                cache: 'false',             
                views: {
                    'default': {
                        templateUrl: 'templates/login.html',
                        controller: 'LoginCtrl'
                    }
                }
            })

四、在app.js中添加params参数code

 .state('login', {              
                url: '/login',
                cache: 'false',
                params:{name:'',age:''},
                views: {
                    'default': {
                        templateUrl: 'templates/login.html',
                        controller: 'LoginCtrl'
                    }
                }
            })