ui-routerのangularjs、混乱している状態

Question

私には2つの州があります。 viewOrderおよびsaveOrder。私はそれが混乱$state.go('saveOrder')を使用する場合

$stateProvider.state('viewOrder', { 
    url: "/orders/:orderNumber", 
    templateUrl: 'tpl/orders/view.html', 
    controller: 'ViewOrderController', 
    controllerAs: 'controller' 
}); 

$stateProvider.state('saveOrder', { 
    url: '/orders/save?orderNumber', 
    templateUrl: 'tpl/orders/save/index.html', 
    controller: 'SaveOrderController', 
    controllerAs: 'controller' 
}); 

と私は順序を表示しようとしています考え、は/は、実際の注文番号で保存すると信じている：彼らの定義は次のようになります。 URLをそのまま維持できる方法はありますか？混乱を止めますか？

Answer 1

$stateProvider.state('viewOrder', { 
    url: "/orders/:orderNumber", 
    templateUrl: 'tpl/orders/view.html', 
    controller: 'ViewOrderController', 
    controllerAs: 'controller' 
}); 

$stateProvider.state('saveOrder', { 
    url: '/orders/save/:orderNumber', 
    templateUrl: 'tpl/orders/save/index.html', 
    controller: 'SaveOrderController', 
    controllerAs: 'controller' 
}); 

Answer 2

あなたの$ state.go（ 'saveOrder'）..私はコロンでsaveOrder内のURLのparamを追加し、これを試してみてはパラメータなしで変更されます。あなたは、URLからのパラメータを非表示にするこの$state.go("saveOrder", { "orderNumber": 123});

$stateProvider.state('viewOrder', { 
    url: "/orders/:orderNumber", 
    templateUrl: 'tpl/orders/view.html', 
    controller: 'ViewOrderController', 
    controllerAs: 'controller' 
}); 

$stateProvider.state('saveOrder', { 
    url: '/orders/save/:orderNumber', 
    templateUrl: 'tpl/orders/save/index.html', 
    controller: 'SaveOrderController', 
    controllerAs: 'controller' 
});