angular跳转页面和传递参数

比如你想从 testA 跳转到 testB页面，并传递数据；
首先写好路由，再testB加上params，作为传递参数

.state('testA',{
    url: '/testA',
    templateUrl: 'templates/test/testA.html',
    controller: 'testACtrl'
  })
.state('testB',{
    url: '/testB',
    params: {"id": null}, //testB 接收的参数id
    templateUrl: 'templates/test/testB.html',
    controller: 'testBCtrl'
  })

ng-click ="goTestB()"
然后在你的controller.js上，写上

.controller("testACtrl",function($scope,$ionicViewSwitcher,$state){
  $scope.goTestB = function(){
    $ionicViewSwitcher.nextDirection("forward");  //跳转的前进动画
    $state.go("testB",{id:1});  //跳转state为 testB 的页面，并传递参数id
  }
})
.controller("testACtrl",function($scope,$stateParams){
   alert($stateParams.id)    //  1
})
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容