$state.go页面传递参数

http://studygolang.com/articles/8153

方法1

A页面向PAGE1页面传递参数id

 .state('page1', {
                  url: '/page1',
                  templateUrl: 'tpl/page1.html',
                  params: {id:null}
              })

A页面的controller里
$state.go('page1',{id:myid});
PAGE1页面里获取参数

$scope.id= $stateParams.id;

别忘了依赖注入$stateParams

方法2

如果由列表页面跳到详情页面,传递的参数过多,也可使用这种办法进行传递,采用json字符串进行传递,到目标界面进行解析就可以了:

父页面(列表页面)的html:

<ion-item ng-repeat="listdata in listDatas ng-click="listDetailsClick(listdata)">

</ion-item>

父页面(列表页面)的controller:
$scope.listDetailsClick = function (listdata) {
        //将对象转化为字符串
        var listDataAll = angular.toJson(listdata);
        $state.go("listDetails", {id:listDataAll});
      };

子页面(详情页面)的controller:
//将字符串转化为对象
$scope.listData = angular.fromJson($stateParams.id);

路由配置:
.state('listDetails', {
          url: '/listDetails/:id',
          templateUrl: 'templates/list/listDetails/listDetails.html',
          controller: 'ListDetailsController'
        });

注意:在实际过程中,需要依赖注入$state、$stateParams等服务。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值