【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);

        $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 inmainInfo_data_zxtm" ng-click="goGoodDetail(data_zxtmInfo.target_url)">

        <div>{{data_zxtmInfo.target_url}}</div> 

    </ion-item>

    注：ng-click=”goGoodDetail(data_zxtmInfo.target_url)”：需要传递的参数；

 

DONE