Angularjs same template and controller on different urls

Question

I have an application which can run into two contexts -- 1) Global and 2) Client

When in global context the urls are like this mydomain.com/#login, mydomain.com/#register but when in client context the urls are like this mydomain.com/#/ClientKey/login and mydomain.com/#/ClientKey/register. In both contexts I want to open exactly the same template i.e login.html and register.html. One way to achieve this is to replicate routeProvider.when for both cases like the following

 $routeProvider.when('/:ClientKey/_login', { 
                templateUrl: 'views/login.html',
                controller: 'LoginCtrl', 
            })

 $routeProvider.when('/_login', { 
                templateUrl: 'views/login.html',
                controller: 'LoginCtrl', 
            })

My question is that is there is way to do it in a single routeProvider.when, instead of replicating it twice with only a small difference. This is important for my application because there are several such links like login, register, editProfile, changePassword etc.

Master Morality · Accepted Answer · 2014-03-21 13:23:40Z

1

Like this?

var routes = {
    '/_login' : { templateUrl: 'views/login.html', controller:'LoginCtrl' }
    ...
}

for (var k in routes) {
    $routeProvider
        .when(k, routes[k])
        .when('/:clientId' + k, routes[k]);
}

Edit:

You can actually do optional groups with ?, so the following might work.

$routeProvider.when(':clientId?/_login', { ... });

edited Mar 21, 2014 at 13:23

answered Mar 21, 2014 at 6:26

Master Morality

5,9686 gold badges33 silver badges43 bronze badges

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

2 Comments

Shamaila Tahir Over a year ago

yes, its better, but does angular provide something like .when(k | '/:clientId' + k, routes[k])

Siva Over a year ago

@ShamailaTahir, angular don't allow us to specify multiple paths with OR operator(| / ||). Optional groups using <code>?</code> is a good solution for your problem.

Collectives™ on Stack Overflow

Angularjs same template and controller on different urls

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related