Angular中$state.go页面跳转并传递参数的方法
2017-05-09 08:46
811 查看
遇到一个页面跳转的时候,在跳转后的页面获取跳转前页面的数据,我想到用一种是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中
这样就可以将在页面跳转的时候传递数据了。希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- Angularjs 跳转页面并传递参数的方法总结
- WP8页面跳转实现参数传递的多种方法
- WP8页面跳转实现参数传递的多种方法
- Android实现页面跳转及传递参数的方法
- WP8页面跳转实现参数传递的多种方法(已完善)
- Android Activity中使用Intent实现页面跳转与参数传递的方法
- activity页面跳转传递参数的几种方法
- 页面跳转,传递中文参数的方法
- [微信小程序]页面跳转对象参数的传递方法
- Asp.net页面之间传递参数的几种方法
- 页面之间传递参数得几种方法
- 用javascript实现html页面之间的参数传递的四种方法
- 静态HTML页面传递参数的方法
- 页面之间传递参数的几种方法荟萃
- Asp.net页面之间传递参数的几种方法
- Asp.net页面之间传递参数的几种方法
- Asp.net页面之间传递参数的几种方法荟萃
- Asp.net页面之间传递参数的几种方法
- Asp.net页面之间传递参数的几种方法
- 利用JavaScript方法实现静态html页面参数传递