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等等。不是很常用，很简单，直接存入进去，需要的时候拿出来就行。