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);
}

])