Angularjs route redirect does not work

Question

I am working on a web site with Angularjs as my client side platform. I am trying to do what has to be easy and straight forward to do, but for some reason does not work at this time. The code for redirecting is:

      $urlRouterProvider
                .when('/notifications', '/notifications/items');

            $urlRouterProvider
                .when('/notifications/items', '/notifications/items/list');

but it does not work and I end up with the following url:

http://mydomain/#/notifications

here are the states I am using here:

 $stateProvider
                .state('notifications', {
                    url: '/notifications',
                    template: '<notifications-layout></notifications-layout>',
                    data: {
                        requiredPermission: 'notifications',
                        icon: 'suitcase',
                        title: 'send notifications'
                    }
                })
                .state('notifications.items', {
                    url: '/items',
                    data: {
                        title: 'notifications
                    },
                    template: '<ui-view></ui-view>'
                })
                .state('notifications.items.list', {
                    url: '/list',
                    data: {
                        title: 'notifications
                    },
                    template: '<notifications-items></notifications-items>'
                })

I would love to know what am I missing , perhaps someone ran into this issue before?

@Aleksey Solovey sure I've added it to my question thank you!! — mashta gidi
– mashta gidi, Commented Feb 20, 2018 at 16:05
you have the right code, here is working plunker as an example. Something else is affecting it. Do you have any ideas which part of the code could be doing it? — Aleksey Solovey
– Aleksey Solovey, Commented Feb 20, 2018 at 16:21
@Aleksey Solovey No I do not know what can be causing this. Do you have any idea what can be the source of this kind of issue? — mashta gidi
– mashta gidi, Commented Feb 21, 2018 at 14:51
consider adding ui-view into every template like in my example. (In fact to support some older browsers, use <div ui-view></div>) — Aleksey Solovey
– Aleksey Solovey, Commented Feb 21, 2018 at 15:04

mashta gidi · Accepted Answer · 2018-02-22 09:09:47Z

0

I found my answer at the following link: enter link description here

For some reason, on my current project, the order of the $urlRouterProvider and $stateProvider on app.config is important for the UI Router to work...

answered Feb 22, 2018 at 9:09

mashta gidi

8651 gold badge11 silver badges31 bronze badges

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

2 Comments

Aleksey Solovey Over a year ago

is it possible that you have an older version of ui-router (0.2.X)? try updating it to 1.0.X

mashta gidi Over a year ago

@Aleksey Solovey my version is: v0.3.1

Collectives™ on Stack Overflow

Angularjs route redirect does not work

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related