ionic 路由页面间传递复杂参数
来源:互联网 发布:淘宝外围活动怎么参加 编辑:程序博客网 时间:2024/06/14 08:33
1、页面之间的跳转,目标页面的路由配置
.state('tab.home_goodsdetail', { url: '/home_goodsdetail?goodsDetailUrl', views:{ 'tab-home':{ templateUrl: "app/home/goodsdetail/home_goodsdetail.html", controller:'home_goodsdetailCtrl' } } })
url: ‘/home_goodsdetail?goodsDetailUrl’,中的goodsDetailUrl就是home_goodsdetailCtrl中$stateParams.goodsDetailUrl获取参数;
参数类型可以整数、字符串、类;
2、传递的过程
$scope.goGoodDetail=function (target_url) { $log.info(target_url); // window.open( target_url,'_bank','location=yes') $state.go("tab.home_goodsdetail",{goodsDetailUrl:target_url}); }
target_url是从html页面中传递过来的参数;
$state.go(“tab.home_goodsdetail”,{goodsDetailUrl:target_url}):第一个参数是路由的路径,第二个参数是给属性赋值的值;
3、传递参数的源头
<ion-item class="cardname" ng-repeat="data_zxtmInfo in mainInfo_data_zxtm" ng-click="goGoodDetail(data_zxtmInfo.target_url)"> <!--<img ng-src="{{data_zxtmInfo.img_src}}">--> <div>{{data_zxtmInfo.target_url}}</div> </ion-item>
ng-click=”goGoodDetail(data_zxtmInfo.target_url)”:传递参数,其他不做解释;
如有其他疑问和相关的其他问题,请留言,谢谢!
0 0
- ionic 路由页面间传递复杂参数
- ionic 路由使用$state.go父页面向子页面传递参数
- ionic 路由使用ui-sref 父页面向子页面传递参数
- Ionic 跳转页面时的参数传递
- ionic 通过url页面间传递数据
- ionic项目页面与路由
- angular-单页面跳转/路由参数传递ngRoute
- ibatis 传递复杂参数
- angular路由参数传递
- ionic $state.go 传递参数
- jsp页面间传递参数
- js页面间参数传递
- js页面间参数传递
- 静态页面间传递参数
- JSP页面间传递参数
- c#页面间参数传递
- JSP页面间传递参数
- JSP页面间传递参数
- java基础——反射
- opencv摄像头视频+帧保存为图片
- 20160422-Eclipse注释设置
- Unity对象池(一)
- jdbc数据源配置
- ionic 路由页面间传递复杂参数
- HTML转义字符
- IOS 设置label内的字体大小适应label的宽度
- CSS 隐性改变display类型
- 太原UI设计师讲【设计色彩】一种是自然的色彩一种是显示色彩你知道区别吗?
- Android基础UI之ImageView宽度设定,高度自适应
- Git常用命令
- POJ 1222|Extended Lights Out|高斯消元|异或方程组
- dkms