ionic简单路由及页面传参
Posted Tiac
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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); } ])
以上是关于ionic简单路由及页面传参的主要内容,如果未能解决你的问题,请参考以下文章