Angular中$state.go页面跳转并传递参数的方法


Posted in Javascript onMay 09, 2017

遇到一个页面跳转的时候,在跳转后的页面获取跳转前页面的数据,我想到用一种是localstorage,一种用broadcast和on,然后老大说不用这么麻烦,既然都$state.go了直接带参数,这次就介绍一下$state.go页面跳转传递参数。

1.路由页面(注意这里要在路由上添加一个参数用于传递数据,不然在页面跳转的时候会filter)

.state("home.workpiece",{ // 跳转前的页面
   url:"/workpiece",
   views: {
    home: {
     templateUrl: prefix + "project/workpiece.html",
     controller: "workpieceCtrl"
    }
   }
  })
  .state("home.workpieceDetail",{  //跳转后的页面
   url:"/workpieceDetail?workpieceList",
   views: {
    home: {
     templateUrl: prefix + "project/workpiece_detail.html",
     controller: "workpieceDetailCtrl"
    }
   }
  })

    也可以将参数放在params中  

.state("home.workpieceDetail",{
   url:"/workpieceDetail",
   views: {
    home: {
     templateUrl: prefix + "project/workpiece_detail.html",
     controller: "workpieceDetailCtrl"
    }
   },
   params: {workpieceList:null}
  })

2.在workpieceCtrl中 

3.workpieceDetailCtrl中

这样就可以将在页面跳转的时候传递数据了。希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
仿163填写邮件地址自动显示下拉(无优化)
Nov 05 Javascript
js 浮动层菜单收藏
Jan 16 Javascript
JSON+JavaScript处理JSON的简单例子
Mar 20 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
Apr 03 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
Mar 04 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
vue项目配置使用flow类型检查的步骤
Mar 18 Javascript
vue实现学生信息管理系统
May 30 Javascript
vue实现图片上传到后台
Jun 29 Javascript
vue实现放大镜效果
Sep 17 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
May 09 #Javascript
JavaScript中splice与slice的区别
May 09 #Javascript
详解node中创建服务进程
May 09 #Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 #Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 #jQuery
微信小程序 标签传入数据
May 08 #Javascript
Webpack实现按需打包Lodash的几种方法详解
May 08 #Javascript
You might like
ThinkPHP实现将本地文件打包成zip下载
2014/06/26 PHP
php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
2016/10/12 PHP
thinkphp分页集成实例
2017/07/24 PHP
PHP+Ajax实现的检测用户名功能简单示例
2019/02/12 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
jquery 弹出登录窗口实现代码
2009/12/24 Javascript
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
2015/02/05 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
text-align:justify实现文本两端对齐 兼容IE
2015/08/19 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
用JS实现图片轮播效果代码(一)
2016/06/26 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
React props和state属性的具体使用方法
2018/04/12 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
JS替换字符串中指定位置的字符(多种方法)
2020/05/28 Javascript
JS highcharts实现动态曲线代码示例
2020/10/16 Javascript
pandas or sql计算前后两行数据间的增值方法
2018/04/20 Python
Python查看微信撤回消息代码
2018/06/07 Python
python3 打印输出字典中特定的某个key的方法示例
2019/07/06 Python
Python SQLAlchemy入门教程(基本用法)
2019/11/11 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
美国浴缸、水槽和水龙头购物网站:Vintage Tub & Bath
2019/11/05 全球购物
采购经理岗位职责
2014/02/16 职场文书
中国梦演讲稿教师篇
2014/04/23 职场文书
感恩的演讲稿
2014/05/06 职场文书
运动会稿件100字
2014/09/24 职场文书
预备党员转正意见
2015/06/01 职场文书
催款函范本大全
2015/06/24 职场文书
2019通用版新员工入职培训方案!
2019/07/11 职场文书
2019年度政务公开考核工作总结模板
2019/11/11 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书
Python超简单容易上手的画图工具库推荐
2021/05/10 Python