Angular中$state.go页面跳转并传递参数的方法
更新时间：2017年05月09日 08:46:20 作者：Jiaen188
这篇文章主要介绍了angular中$state.go页面跳转并传递参数的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
遇到一个页面跳转的时候，在跳转后的页面获取跳转前页面的数据,我想到用一种是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中
这样就可以将在页面跳转的时候传递数据了。希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
本文分步骤给大家介绍了在 Angular6 中使用 HTTP 请求服务端数据的方法,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-08-08
全面解析Angular中$Apply()及$Digest()的区别
$apply()和$digest()在AngularJS中是两个核心概念，但是有时候它们又让人困惑。这篇文章主要介绍了Angular中$Apply()及$Digest()区别详细说明的相关资料,需要的朋友可以参考下2016-08-08
这篇文章主要给大家介绍了在Angular2下使用pdf插件的方法，使用这个插件是要实现一个pdf显示的功能，文中介绍的非常详细，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。2017-04-04
本篇文章主要介绍了AngularJS1.X学习笔记2-数据绑定详解，具有一定的参考价值，有兴趣的可以了解一下。2017-04-04
这篇文章主要介绍了详解angularJs中自定义directive的数据交互，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
详解Angular之constructor和ngOnInit差异及适用场景
这篇文章主要介绍了详解Angular之constructor和ngOnInit差异及适用场景的相关资料,有兴趣的可以了解一下2017-06-06
这篇文章主要介绍了Angularjs实现控制器之间通信方式,结合实例形式总结分析了AngularJS控制器常用通信方式及相关操作注意事项,需要的朋友可以参考下2018-03-03
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
ngDraggable.js是一款比较简单实用的angularJS拖拽插件，借助于封装好的一些自定义指令，能够快速的进行一些拖拽应用开发。本文先从基本概念入手，给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2019-04-04
本篇文章主要介绍了Angular4 ElementRef的应用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了angular中的默认路由的用法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-02-02
最新评论