Angularjs multiple urls for same state

Question

Making a verify account page and want to be able to pass an email and auth code via url like so:

https://mywebsite.com/[email protected]&code=1234

It looks like I can't do it this way in angular. And should instead be done like this:

https://mywebsite.com/verify/:email/:code

And use $stateParams to grab the vars.

Can you have two different URLs trigger the same state? So both URLs below trigger the same state and the controller checks for the vars and does it's magic.

https://mywebsite.com/verify
https://mywebsite.com/verify/:email/:code

And just make two different states for it? I don't know why, but that seems sloppy to me. — codephobia
– codephobia, Commented Nov 26, 2014 at 7:44

Asik · Accepted Answer · 2014-11-26 08:28:18Z

2

You can set the configuration as like below and you can pass the param which is required to send for the url

 $stateProvider.state('verify', {
          url: '/verify?email&code',
          templateUrl: 'verify.html',
          controller: 'verifyCtrl'
        });

working fiddle: http://plnkr.co/edit/AwHkFj?p=preview

answered Nov 26, 2014 at 8:28

Asik

7,9674 gold badges30 silver badges35 bronze badges

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

2 Comments

codephobia Over a year ago

Quick follow up question... is there a way to pass the vars with something like $state.go(...)?

Asik Over a year ago

Thanks :) You are welcome..yes check $state.transition

Mark van Proctor · Accepted Answer · 2014-11-26 07:45:32Z

1

Rather than defining the params email and code as path parameters, you could use search parameters and access them via $routeParams.

e.g, your route would be:

$routeProvider.when('/verify', routeConfig);

the URL would be:

https://mywebsite.com/[email protected]&code=1234

And in the controller, you would inject $routeParams and access via:

$routeParams[email]; // = [email protected]
$routeParams[code]; // = 1234

For more info on $routeParams, see https://docs.angularjs.org/api/ngRoute/service/$routeParams

answered Nov 26, 2014 at 7:45

Mark van Proctor

7437 silver badges13 bronze badges

2 Comments

codephobia Over a year ago

Unfortunately I am using states not routes.

Mark van Proctor Over a year ago

ah, sorry, I missed that you were using ui-router not ng-route :)

Collectives™ on Stack Overflow

Angularjs multiple urls for same state

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related