【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