Best way to get all URL parameters in angularjs

Question

I got this URL into my system:

http://localhost/myapp/#/campaign/confirm/edit/:id

What are the best ways to get campaign, confirm and editinside my controller?

Will campaign, confirm and edit be parameters that can change? Such as, will confirm actually contain some value like Y or N that you're trying to capture? — Nicholas Hirras
– Nicholas Hirras, Commented Mar 9, 2015 at 19:24
No. campaign, confirm and edit doesn't change. :id do. — Alex M.
– Alex M., Commented Mar 9, 2015 at 19:29
Are you using ngRoute? You shouldn't have to parse that at all. You will assign anything matching /campaign/confirm/edit/:id to a specific controller. At that point, the :id value is all you need to get. The tutorial discusses routing, a good place to start if you're new to it. docs.angularjs.org/tutorial/step_07 — Nicholas Hirras
– Nicholas Hirras, Commented Mar 9, 2015 at 19:39

HankScorpio · Accepted Answer · 2015-03-09 19:04:31Z

1

Looks like you've got this url formatted as an angular state (awesome!). In this case, you can access $stateParams in your controller.

https://github.com/angular-ui/ui-router/wiki/URL-Routing#stateparams-service

That should have the information you need, assuming your state is something like this. This example makes all 4 parts into accessible variables, that's if you really do need ALL parts of that path. It's probably worth putting in some non-variable data in there, otherwise it might get a little difficult to separate this state from others that are formed in a similar way:

$stateProvider.state('myStateName', {
  url: '{campaign}/{confirm}/{edit}/{id}'
});

myModule.controller('fooCtrl', function($scope, $stateParams){
  console.log(
    $stateParams.campaign,
    $stateParams.confirm,
    $stateParams.edit,
    $stateParams.id);
});

edited Mar 9, 2015 at 19:04

answered Mar 9, 2015 at 18:55

HankScorpio

3,65117 silver badges28 bronze badges

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

7 Comments

Alex M. Over a year ago

They only tell me how to get the :id, not the path.

HankScorpio Over a year ago

Get the full state name with: $state.current.name

Alex M. Over a year ago

Although that's not what I asked for, it can solve my problem, @HankScorpio. This way I can create an init() function and verify if $state.current.name == 'campaignEditConfirm'. Thanks for information.

HankScorpio Over a year ago

It isn't? You've now got a way to get your state parameters and your full state name. What's missing?

HankScorpio Over a year ago

Ah ok. For future reference a "parameter" is a kind of variable.

|

Collectives™ on Stack Overflow

Best way to get all URL parameters in angularjs

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related