ionic 路由页面间传递复杂参数

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)”:传递参数,其他不做解释;

如有其他疑问和相关的其他问题,请留言,谢谢!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值