博主用的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实现跳转页传值的方法  # 详情页  # 的是  # 带着  # 你想  # 跳转  # 它就  # 里加  # 半路出家  # 菜鸟  # 你要  # 是这样  # 下了  # 拿着  # 也很  # 去看  # 要对  # 再去  # 什么东西  # 在上面  # 这样子 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  大连 网站制作,大连天途有线官网？  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  香港服务器网站推广：SEO优化与外贸独立站搭建策略  如何在景安服务器上快速搭建个人网站？  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  北京网站制作的公司有哪些,北京白云观官方网站？  今日头条AI怎样推荐抢票工具_今日头条AI抢票工具推荐算法与筛选【技巧】  长沙企业网站制作哪家好,长沙水业集团官方网站？  Laravel如何生成和使用数据填充？（Seeder和Factory示例）  Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  javascript中闭包概念与用法深入理解  做企业网站制作流程,企业网站制作基本流程有哪些？  网易LOFTER官网链接 老福特网页版登录地址  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  使用spring连接及操作mongodb3.0实例  Laravel如何处理文件下载请求？（Response示例）  Laravel如何使用Service Container和依赖注入？（代码示例）  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践  C++用Dijkstra(迪杰斯特拉)算法求最短路径  html5的keygen标签为什么废弃_替代方案说明【解答】  JavaScript如何实现类型判断_typeof和instanceof有什么区别  Laravel集合Collection怎么用_Laravel集合常用函数详解  如何快速辨别茅台真假？关键步骤解析  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)  大同网页,大同瑞慈医院官网？  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  中山网站推广排名,中山信息港登录入口？  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  Laravel如何发送系统通知？（Notification渠道示例）  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  Python3.6正式版新特性预览  绝密ChatGPT指令：手把手教你生成HR无法拒绝的求职信  Android中AutoCompleteTextView自动提示  Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  javascript如何操作浏览器历史记录_怎样实现无刷新导航  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  laravel怎么通过契约（Contracts）编程_laravel契约（Contracts）编程方法  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  如何在云主机上快速搭建网站？  EditPlus中的正则表达式 实战(4)  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  北京专业网站制作设计师招聘,北京白云观官方网站？  Google浏览器为什么这么卡 Google浏览器提速优化设置步骤【方法】