在角度離子中使用狀態傳遞參數

Question

我正在使用離子建立應用程序。

現在我想通過一個變量通過URL使用狀態，但它不工作。什麼是最好的辦法呢？

我的方法：

$stateProvider 
    .state('orders', { 
     url: "/orders", 
     abstract: true, 
     templateUrl: "views/side-menu.html", 
     cache: false, 
     controller: 'OrderCtrl' 
    }) 

    .state('orders.view-order', { 
     url: "/view-order?orderid", //<---- THIS ONE 
     views: { 
      'menuContent': { 
       templateUrl: "views/view-order.html" 
      } 
     }, 
     cache: false 
    }) 

    .state('orders.open-orders', { 
     url: "/open-orders", 
     views: { 
      'menuContent': { 
       templateUrl: "views/open-orders.html" 
      } 
     }, 
     cache: false 
    }) 

我已經從那裏我希望有一個基本的控制器「儀表板」發送給訂購使用

$state.go("orders.view-order", {'orderid': '232323232'}); 

，然後順序控制器...（只顯示空對象:(

angular.module(appName).controller('OrderCtrl', 
function($location, $rootScope, $scope, $ionicPopup, 
    $state, $stateParams, $auth, $ionicLoading, 
    $timeout, $interval, newOrderService, jwtHelper){ 

    console.log($stateParams) 
}); 

Answer 1

的'OrderCtrl'屬於父狀態

.state('orders', { 
    controller: 'OrderCtrl' 
    ... 

而參數orderid是對孩子的狀態定義：

.state('orders.view-order', { 
     url: "/view-order?orderid", // here is param defined 

這意味着，家長不能訪問這些參數 - 因爲它們的定義其孩子

所以，我們可以或者 1）移動參數到父母（我會說這是這樣的）

有a working plunker

.state('parent', { 
     url: "/parent/:parentId", 
     templateUrl: 'tpl.html', 
     controller: 'ParentCtrl', 
    }) 
    .state('parent.child', { 
     url: "/child/:childId", 
     template: 'this is a child view', 
     controller: 'ChildCtrl', 
    }) 

或2）用這一招，當我們放置stateParams $到$ rootScope和隨處觀察其最新值：

.run(['$rootScope', '$state', '$stateParams', 
    function ($rootScope, $state, $stateParams) { 
    $rootScope.$state = $state; 
    $rootScope.$stateParams = $stateParams; 
}]) 

有a working plunker與這些例子闡明

.state('parent', { 
     url: "/parent", 
     templateUrl: 'tpl.html', 
    }) 
    .state('parent.child', { 
     url: "/child/:childId", 
     template: 'this is a child view', 
     controller: 'ChildCtrl', 
    })