欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-20 23:00:40
遇到一个页面跳转的时候,在跳转后的页面获取跳转前页面的数据,我想到用一种是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中

这样就可以将在页面跳转的时候传递数据了。希望对大家有所帮助