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
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容