angular中$state.go跳转页面并传递参数

Jiaen188 · · 1518 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

遇到一个页面跳转的时候,在跳转后的页面获取跳转前页面的数据,我想到用一种是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中


这样就可以将在页面跳转的时候传递数据了。

最后这个链接介绍了页面跳转传递参数的四种方式:http://www.cnblogs.com/Razor0...


有疑问加站长微信联系(非本文作者)

本文来自:开源中国博客

感谢作者:Jiaen188

查看原文:angular中$state.go跳转页面并传递参数

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

1518 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传