首页 > 代码库 > ionic简单路由及页面传参
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简单路由及页面传参
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。