1、controller中添加$cacheFactory服务。
eg:从home页传递name到login页面显示
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:销毁对象cache
$cacheFactory.get('cache').destroy();
删除键值对name
$cacheFactory.get('cache').remove('name');
以下例子传参方式均为:从home页面传递name和age到login页面:
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); } })
2、接收参数的页面url中添加参数,以/:a/:b...等的方式
.state('login', { url: '/login/:name/:age', cache: 'false', views: { 'default': { templateUrl: 'templates/login.html', controller: 'LoginCtrl' } } })
3、接收参数的页面url中添加参数,以/{a}/{b}...等的方式
.state('login', { url: '/login/{name}/{age}', cache: 'false', views: { 'default': { templateUrl: 'templates/login.html', controller: 'LoginCtrl' } } })
4、在app.js中添加params参数
.state('login', { url: '/login', cache: 'false', params:{name:'',age:''}, views: { 'default': { templateUrl: 'templates/login.html', controller: 'LoginCtrl' } } })