Angular中$state.go页面跳转并传递参数的方法
程序员文章站
2022-06-24 17:35:06
遇到一个页面跳转的时候,在跳转后的页面获取跳转前页面的数据,我想到用一种是localstorage,一种用broadcast和on,然后老大说不用这么麻烦,既然都$stat...
遇到一个页面跳转的时候,在跳转后的页面获取跳转前页面的数据,我想到用一种是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中
这样就可以将在页面跳转的时候传递数据了。希望对大家有所帮助
上一篇: ext前台接收action传过来的json数据示例
下一篇: 他们又不会说英语