angularjs get paramater from url

Question

i'm currently working on a asp.net mvc site in which we are using angularjs for model binding. i have a controller setup but i need to grab the id from the url to pass it to the service. my url looks like:

http://localhost/myapp/section/5

I need to grab the 5 out of the url, we are not using angular for routing, is there anyway to grab that through angular? Otherwise i could use .net to inject that into a global js variable and use angular to read the id from there.

I setup my angular controller as below:

    myModule.controller('SectionController', ['$scope', 'sectionRepository', '$routeParams', SectionController]);

function SectionController($scope, sectionRepository, $routeParams) {
    var vm = this;

    alert($routeParams.id);

the alert returns 'undefined', I'm assuming because I never setup the routes in angular, is there a way to do it without the setup of routes, as we don't want to use angular for routing.

maybe using $location.absUrl() and parsing the string

Sergio Marron
– Sergio Marron

2016-04-22 20:31:30 +00:00
Commented Apr 22, 2016 at 20:31 — Sergio Marron
– Sergio Marron, Commented Apr 22, 2016 at 20:31

Kyle · Accepted Answer · 2016-04-22 20:32:28Z

3

You can use the $location service to grab the URL. From there, just parse it.

function SectionController($location) {
    var url = $location.url();
    //regex is slow, you should use substring/slice instead
    //var regex = /(?:section\/)[0-9]+/;

    var id = url.substring(url.indexOf("section/") + "section/".length);
    alert(id);
}

answered Apr 22, 2016 at 20:32

Kyle

5,6077 gold badges38 silver badges48 bronze badges

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

4 Comments

Sergio Marron Over a year ago

are you sure $location.url() will work if angular is not routing the application?

Kyle Over a year ago

@SergioMarron According to the docs (docs.angularjs.org/api/ng/service/$location), it does not depend on routing. Changes in window.location are live and $location can see them.

Sergio Marron Over a year ago

I tried $location.path() and it returned an empty string. window.location.pathname worked.

Paritosh Over a year ago

@SergioMarron for me $location.url() did not work either, but after looking through the debugger, I saw there was is $location.absUrl() which worked.

Collectives™ on Stack Overflow

angularjs get paramater from url

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related