ionic简单路由及页面传参

1）页面跳转及传参方法

angular.module('app.routes', [])//routes路由模型

.config(function($stateProvider, $urlRouterProvider) {$stateProvider.state('page1', {url: '/page1',//路由地址templateUrl: 'templates/page1.html',//实际模型文件controller: 'page1Ctrl',//控制器params:{aa:'aa',bb:'bb'}//自定义页面参数
  }).state('page2', {url: '/page2',templateUrl: 'templates/page2.html',controller: 'page2Ctrl',params:{cc:'cc',dd:'dd'}});$urlRouterProvider.otherwise('/home');//找不到链接跳这个，相当于404跳转
});

 

 

2、使用控制器及接收参数

angular.module('app.controllers', []).controller('page1Ctrl', ['$scope', '$stateParams', function ($scope, $stateParams) {//$scope         是场景控制入口//stateParams     传递过来的页面参数
    console.log($stateParams);
}])