详解AngularJS跨页面传值（ui-router）

博主用的ionic 这里使用ui-router传值，用来在跳转页面的同时带着你想带走的东西一起跳走

（PS：博主半路出家，尚是菜鸟，写的东西自己跑起来并没有什么问题但不敢保证写的一定对，语言也很随意，仅供参考。另，期待各位前辈的指教）

博主用的ionic

这里使用ui-router传值，用来在跳转页面的同时带着你想带走的东西一起跳走

需求是这样的，我有一个商品单子（概览页），点一个商品就可以去看它的详情（详情页）
要解决的问题就是把概览页被点击的商品的id传给详情页，详情页拿着这个id给后台，后台返回对应的需要的json

下面开始实现

.controller('CafeCtrl', function($scope, cafeData, $state) { //往外传值的controller里加一个$state
 $scope.cafeList = cafeData.All();
 $scope.goDetail = function(id) {
  $state.go('itemDetail',{sort : "cafe", id : id}); //就拿它传
 };
})

在传值的一行：

$state.go('itemDetail',{sort : "cafe", id : id});
//前面的是变量名，后边的是值

我的理解是：塞了两个变量到一个中转的名叫$stateParams的什么东西里面，controller里面写法就是这样子的,页面上ng-click="goDetail(item.id)"调用它就可以了

app.js里，接收值的页面（详情页）.state这么写，留两个位置给刚才传出来的东西

.state('itemDetail', {
 url: '/itemDetail/:sort/:id/', //这里就是那两个要传的东西，名字要对应相同
 templateUrl: 'templates/itemDetail.html',
 controller: 'ItemDetailCtrl'
})

然后再去接收值的页面（详情页）接收这俩值存俩对象里面（接受并存下了传来的两个值）

.controller('ItemDetailCtrl', function($scope, $stateParams, $state) { //加个$stateParams
 $scope.sort = $stateParams.sort;
 $scope.itemId = $stateParams.id;
})

在上面加个$stateParams，然后下面scope一个对象，把你要的值从$stateParams里面拿点儿出来赋值给它就ok了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# AngularJS跨页面传值  # ui  # router  # 页面传值  # 详解Angular5路由传值方式及其相关问题  # Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解  # Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解  # angular中不同的组件间传值与通信的方法  # angularjs路由传值$routeParams详解  # Angular.js中控制器之间的传值详解  # Angular页面间切换及传值的4种方法  # Angular+Ionic使用queryParams实现跳转页传值的方法  # 详情页  # 的是  # 带着  # 你想  # 跳转  # 它就  # 里加  # 半路出家  # 菜鸟  # 你要  # 是这样  # 下了  # 拿着  # 也很  # 去看  # 要对  # 再去  # 什么东西  # 在上面  # 这样子 

相关文章： 广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  网站制作免费,什么网站能看正片电影？  *服务器网站为何频现安全漏洞？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  如何通过西部建站助手安装IIS服务器？  XML的“混合内容”是什么 怎么用DTD或XSD定义  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  建站之星免费模板：自助建站系统与智能响应式一键生成  如何用VPS主机快速搭建个人网站？  建站上传速度慢？如何优化加速网站加载效率？  如何在IIS中新建站点并配置端口与物理路径？  建站主机服务器选型指南与性能优化方案解析  长沙做网站要多少钱,长沙国安网络怎么样？  兔展官网 在线制作,怎样制作微信请帖？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  广州商城建站系统开发成本与周期如何控制？  宝塔Windows建站如何避免显示默认IIS页面？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  深圳网站制作案例,网页的相关名词有哪些？  盘锦网站制作公司,盘锦大洼有多少5G网站？  如何快速搭建响应式可视化网站？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  油猴 教程,油猴搜脚本为什么会网页无法显示？  Swift中swift中的switch 语句  宝塔建站教程：一键部署配置流程与SEO优化实战指南  Android使用GridView实现日历的简单功能  如何解决ASP生成WAP建站中文乱码问题？  广州美橙建站如何快速搭建多端合一网站？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  建站之星安装路径如何正确选择及配置？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  广州建站公司哪家好？十大优质服务商推荐  西安专业网站制作公司有哪些,陕西省建行官方网站？  济南专业网站制作公司,济南信息工程学校怎么样？  制作表格网站有哪些,线上表格怎么弄？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  清除minerd进程的简单方法  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  建站之星收费标准详解：套餐费用及年费价格表一览  一键网站制作软件,义乌购一件代发流程？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何获取PHP WAP自助建站系统源码？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  建站主机是否等同于虚拟主机？  建站主机如何安装配置？新手必看操作指南  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？