angularjs with ui-router, states getting confused

Question

I have 2 states; viewOrder and saveOrder. Their definition looks like this:

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

When I use $state.go('saveOrder') it gets confused and thinks I am trying to view an order and believes the /save is the actual order number. Is there a way I can keep my URL like it is, but stop the confusion?

You want to hide parameters from url?

Sai
– Sai

2017-01-05 14:06:47 +00:00
Commented Jan 5, 2017 at 14:06 — Sai
– Sai, Commented Jan 5, 2017 at 14:06
no, I don't want the URLs to get confused with each other

r3plica
– r3plica

2017-01-05 14:13:06 +00:00
Commented Jan 5, 2017 at 14:13 — r3plica
– r3plica, Commented Jan 5, 2017 at 14:13
Question is little bit not clear. Please explain in detail

Ram_T
– Ram_T

2017-01-05 14:15:25 +00:00
Commented Jan 5, 2017 at 14:15 — Ram_T
– Ram_T, Commented Jan 5, 2017 at 14:15
Change the urls to have different words.

Sai
– Sai

2017-01-05 14:15:36 +00:00
Commented Jan 5, 2017 at 14:15 — Sai
– Sai, Commented Jan 5, 2017 at 14:15

Lee Brindley · Accepted Answer · 2017-01-05 14:16:04Z

2

Try this, I have added the url param in saveOrder with a colon..

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

answered Jan 5, 2017 at 14:16

Lee Brindley

6,5326 gold badges44 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Manikandan Velayutham · Accepted Answer · 2017-01-05 14:24:35Z

Your $state.go('saveOrder') is changing without parameter.

change like this $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'
});

Collectives™ on Stack Overflow

angularjs with ui-router, states getting confused

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related