How to activate default state in ui-router?

Question

I'm using ui-router 0.2.18

Main referral admin URL for my website looks like this http://example.com/partners/dashboard I want it to be changed to http://example.com/partners/dashboard#referral-link (to bootstrap corresponding ui-router's state: referral-link). But it seems that when method does not work...

app.js

.config(['$stateProvider', '$urlRouterProvider', 
    function($stateProvider, $urlRouterProvider) {

    // it does not work...
    $urlRouterProvider.when('/partners/dashboard', '/partners/dashboard#/referral-link');

    var referralLinkState = {
        name: 'referral-link',
        url: '/referral-link',
        template: '<kr-partners-referral-link></kr-partners-referral-link>'
    };

    var myClientsState = {
        name: 'my-clients',
        url: '/my-clients',
        template: '<kr-partners-my-clients></kr-partners-my-clients>'
    };
    // ...
    $stateProvider.state(referralLinkState);
    $stateProvider.state(myClientsState);    
}]);

ADDED LATER: Guys, I think your .otherwise method will not work for me. Because it will override all URLs, but I need to override only one specific URL.

Do you want to add a default route or just a common base path? — Manu Obre, Dec 28 '16 at 15:33
I want to create a redirection only for this url: http://example.com/partners/dashboard — yaru, Dec 28 '16 at 15:39
this might be useful: http://stackoverflow.com/questions/26172749/redirect-state-in-angularjs — Manu Obre, Dec 28 '16 at 15:51

score 0 · Answer 1 · answered Dec 28 '16 at 15:35

Use .otherwise clause with string argument:

$urlRouterProvider.otherwise('/referral-link');

Or with callback for dynamic:

$urlRouterProvider.otherwise(function($injector) {
    var $state = $injector.get("$state");
    $state.go(..put state name here);
});

score 0 · Answer 2 · edited May 23 '17 at 10:30

0

The answer is here: https://stackoverflow.com/a/22569209/1056253

Basically what I did - is injected $state inside /partners/dashboard controller and called its go method like so: $state.go('referral-link');

edited May 23 '17 at 10:30

Community

1
1

answered Dec 28 '16 at 16:00

yaru

1,260
1
13
29

How to activate default state in ui-router?

2 Answers2