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