ionic中的页面传值问题

ionic开发App中的页面传值问题以及解决方案

方法一：url 传值

i.     html中       <a href="#/main/page1/{{item.id}}"ii.    app.js中     //薪资详情     .state('salaryDetail', {         url: '/main/page1/:id',         templateUrl: 'templates/salaryDetail.html',         controller: 'SalaryDetailCtrl',    }) iii.     在controller中使用$stateParams中获取参数         console.log($stateParams.id)

方法二：使用$state进行页面切换

i.  使用$state.go()时，带上参数   $state.go('state1', {        id: '22',        obj: {                key: 'value'               }});ii. 在controller中使用$stateParams中获取参数         console.log($stateParams.id);         console.log($stateParams.obj);

另外：页面多个值传递的方法
A

i.     html中，依次写上       <a href="#/main/page1/{{item.id}}/{{item.type}}"ii.     app.js中     //薪资详情     .state('salaryDetail', {         url: '/main/page1/:id/:type',         templateUrl: 'templates/salaryDetail.html',         controller: 'SalaryDetailCtrl',    }) iii.     在controller中使用$stateParams中获取参数         console.log($stateParams.id)          console.log($stateParams.type)

B .也可以将多个值放入数组，一次性传递然后再解析数组

i.     html中，依次写上       <a href="#/main/page1/{{array}}"ii.     app.js中     //薪资详情     .state('salaryDetail', {         url: '/main/page1/:array',         templateUrl: 'templates/salaryDetail.html',         controller: 'SalaryDetailCtrl',    }) iii.     在controller中使用$stateParams中获取参数,再进行解析         console.log($stateParams.array)

当然，还有其它方法例如全局变量、存入sessionStorage、localStorage等等。不是很常用，很简单，直接存入进去，需要的时候拿出来就行。