Pass URL parameter to AngularJS controller?

Question

In my app I'm reading an URL parameter which I'd like to pass to my Angular controller, which will then load a JSON file.

For example index.html?id=1234 should make make the controller load data/1234.json

My current code results in an injector error:

var id = getUrlParam('id')

app.controller('myController', function ($scope, $http, id) {
  $http.get("data/"+id+".json").then(function(res) {
      $scope.posts = res.data
  })
});

What am I doing wrong?

@idlebery - Please share how you add $routeParams.id because I am getting erro. — RahulOnRails
– RahulOnRails, Commented Nov 14, 2014 at 21:21

Dima Pasko · Accepted Answer · 2014-11-09 01:03:44Z

2

$routeParams is what you need. Basicaly get your parameter like $routeParams.id

Additional information - https://docs.angularjs.org/api/ngRoute/service/$routeParams

edited Nov 9, 2014 at 1:03

answered Nov 9, 2014 at 0:37

Dima Pasko

1,16812 silver badges21 bronze badges

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

Comments

Vaibhao · Accepted Answer · 2015-05-07 20:06:49Z

-1

Try this :

var getParameterByName = (function(a) {
    if (a == "") return {};
    var b = {};
    for (var i = 0; i < a.length; ++i)
    {
        var p=a[i].split('=', 2);
        if (p.length == 1)
            b[p[0]] = "";
        else
            b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
    }
    return b;
})(window.location.search.substr(1).split('&'))
var id = getParameterByName["id"];

answered May 7, 2015 at 20:06

Vaibhao

311 bronze badge

Collectives™ on Stack Overflow

Pass URL parameter to AngularJS controller?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related