angularjs不同頁面間參數的傳遞

1、在路由中定義要接收的參數

.state('userDetails', {
                url: '/userDetails?phone',    //以？為標識接收參數
                templateUrl: 'assets/views/userDetails.html',
                controller:'userDetailsController'     //也可以用 params:{'phone':{}}

 })

2、在控制器中傳遞參數

.controller('pageOneCtrl', function ($scope, $state) {
 $scope.toPage2 = function () { 
  $state.go('page2', {phone:$scope.num});
 }; 
});

3、通過$staeParams獲得參數phone

myRouterApp.controller('userDetailsController',function($scope,$stateParams){
    console.log($stateParams.phone);

});

如果要傳遞多個參數，則用對象的形式傳遞

（1）在app.js中定義路由信息,並在接收的頁面（即page2.html）定義接收參數。

.state('page1', { 
 url: '/page1', 
 templateUrl: 'templates/page1.html', 
 controller: 'pageOneCtrl' 
}) 
.state('page2', { 
 url: '/page2',
 templateUrl: 'templates/page2.html',
 controller: 'pageTwoCtrl' ,
 params:{args:{}}
})

（2）在page1中定義點擊事件。

html中：

ng-click=“toPage2(name,number)”

控制器中：

.controller('pageOneCtrl', function ($scope, $state) {
 $scope.toPage2 = function (name,number) { 
 $state.go('page2', {
 args:{
  NAME:name,
  NUMBER:number
  }); 
 }; 
});

 

(3)在Page2中通過$staeParams獲得參數ID。

.controller('pageTwoCtrl’, function ($scope, $state, $stateParams) {
   var receivedName = $stateParams.args.NAME;
   var receivedNumber = $stateParams.args.NUMBER;
});