码迷,mamicode.com
首页 > 其他好文 > 详细

ionic简单路由及页面传参

时间:2016-11-10 14:45:45      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:pre   文件   传参   conf   state   config   template   ons   传递   

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简单路由及页面传参

标签:pre   文件   传参   conf   state   config   template   ons   传递   

原文地址:http://www.cnblogs.com/tujia/p/6050563.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!