angular跨controller传递参数的几种方式

发表于

由于controllers之间不共享scope,如果希望在controllers之间传递参数,可能需要通过其他的方式实现,
以下是当前我用到的两种在controllers之间传递参数的方法.
注:参考文章Sharing Data Between Angular Controllers

service

可以写一个包含get/set的service,取参数/赋参数

1
2
3
4
5
6
7
8
9
10
11
.factory('paramService',function(){
	return {
		result:[],
		getResult:function(){
			return this.result;
		},
		setResult:function(res){
			this.result = res;
		}
	};
})

然后可以在controllerOne中赋值,在controllerTwo中取值

1
2
3
4
5
6
7
8
9
// 赋值
.controller('one',function(paramService){
	paramService.setResult('one');
})
// 取值
.controller('two',function(paramService){
	var param = paramService.getResult();
})

$stateParams

第二种方法用于路由间传递参数,用途也比较广泛,使用场景比较多

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 传参
.state('one',{
	url:'one',
	controller:'one',
	template:'one.html',
	params:{
		name:'john'
	}
})
// 取参
.controller('one',function($stateParams){
	var name = $stateParams.name;
})
others/localStorage

其他方法可以使用一些h5的小技巧,比如使用localStorage来存参/取参,其他的方法,暂时没想到也没用到,有待后续补充.

money☜☜☜ wechat 『『『 reward 点击扫码打赏 ~~~ ^_^ 』』』alipay ☞☞☞ money