当前位置: 首页 > 编程笔记 >

Angular.js跨controller实现参数传递的两种方法

卫俊誉
2023-03-14
本文向大家介绍Angular.js跨controller实现参数传递的两种方法,包括了Angular.js跨controller实现参数传递的两种方法的使用技巧和注意事项,需要的朋友参考一下

前言

由于controllers之间不共享scope,如果希望在controllers之间传递参数,可能需要通过其他的方式实现,以下是当前我用到的两种在controllers之间传递参数的方法。

注:参考文章Sharing Data Between Angular Controllers

一、service

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

.factory('paramService',function(){
 return {
 result:[],
 getResult:function(){
 return this.result;
 },
 setResult:function(res){
 this.result = res;
 }
 };
})

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

// 赋值
.controller('one',function(paramService){
 paramService.setResult('one');
})

// 取值
.controller('two',function(paramService){
 var param = paramService.getResult();
})

二、$stateParams

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

// 传参
.state('one',{
 url:'one',
 controller:'one',
 template:'one.html',
 params:{
 name:'john'
 }
})

// 取参
.controller('one',function($stateParams){
 var name = $stateParams.name;
})

others/localStorage

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

好了,以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者使用Angular能带来一定的帮助,如果有疑问大家可以留言交流。

 类似资料:
  • 本文向大家介绍详解shell中脚本参数传递的两种方式,包括了详解shell中脚本参数传递的两种方式的使用技巧和注意事项,需要的朋友参考一下 方式一:$0,$1,$2.. 采用$0,$1,$2..等方式获取脚本命令行传入的参数,值得注意的是,$0获取到的是脚本路径以及脚本名,后面按顺序获取参数,当参数超过10个时(包括10个),需要使用${10},${11}....才能获取到参数,但是一般很少会超过

  • 本文向大家介绍跨域请求两种方法 jsonp和cors的实现,包括了跨域请求两种方法 jsonp和cors的实现的使用技巧和注意事项,需要的朋友参考一下 在网站后台跨域访问另一服务器时,若被访问服务器未设置response[‘Access-Control-Allow-Origin'] = ‘*' 那么将无法获取。 jsonp方法 伪造ajax提交请求 请求端 服务端 jsonp获电视台节目案例 取到

  • 本文向大家介绍php文件上传的两种实现方法,包括了php文件上传的两种实现方法的使用技巧和注意事项,需要的朋友参考一下 文件上传一般有下面2种方式: 有两种: 1、标准input表单方式,典型的用$_FILES进行接收; 2、以Base64的方式进行传送,一般是AJAX异步上传。 第一种 标准的input表单方式,适用于大文件进行上传,同时支持批量。html代码关键的几句: 不同的name时: 其

  • 本文向大家介绍SpringMVC 跨重定向请求传递数据的方法实现,包括了SpringMVC 跨重定向请求传递数据的方法实现的使用技巧和注意事项,需要的朋友参考一下 执行完post请求后,通常来讲一个最佳实践就是执行重定向。重定向将丢弃原始请求数据,原始请求中的模型数据和请求都会消亡。可以有效避免用户浏览器刷新或者后退等操作,直接间接地重复执行已经完成的post请求。 在控制方法中返回的视图名称中,

  • 本文向大家介绍C#向线程中传递多个参数的解决方法(两种),包括了C#向线程中传递多个参数的解决方法(两种)的使用技巧和注意事项,需要的朋友参考一下 问题: 对于多线程编程,很多时候往往需要向线程中传递多个参数,而C#中的线程只接收1个object类型的参数(如下): 而现在需要往线程中传递多个参数,比如method方法想用单独的线程来跑 解决办法1:新建一个跑方法的类 然后新建一个该类实例,赋值之

  • 本文向大家介绍Python传递参数的多种方式(小结),包括了Python传递参数的多种方式(小结)的使用技巧和注意事项,需要的朋友参考一下 一 位置传递 没什么好过多讲解. 输出: 6 二 关键字传递 更具每个参数的名字写入函数参数 输出: 6  三 参数默认值传递 给函数的输入参数设定一个默认值,如果该参数最终没有输入,则使用默认参数出入函数. 输出: 6  四 包裹传递 在定义函数时,我们有时