Getting Parameter From Current URL with Angular

Question

How can I get parameter from the current URL ?

I have URL http://localhost/admin.brands/edit?brandid=1&brandname=samsung&isactive=1. For instance, how can I get brandid from the URL ?

I will modify this:

<script>

var app = angular.module('myApp', [])
    .controller("PostsCtrl", function($scope, $http) {
      $http.get('http://localhost/admin.brands/getJsonBrandAndEdit?brandid=XX').
        success(function(data, status, headers, config) {
          $scope.post = data;

        }).
        error(function(data, status, headers, config) {

        });
    });
</script>

you mean getting it in angular or in your server? which language. In angular you can straight away edit the string. — Vignesh, May 26 '15 at 08:36
You could use angular routes, it would make your code cleaner. — Re Captcha, May 26 '15 at 08:38
I don't get it, why do you need this brandid. If you use $http.get('url') you have to put parameter in this url and this will return a result. — carton, May 26 '15 at 08:38
Use $location from angular. https://docs.angularjs.org/api/ng/service/$location — Harsh, May 26 '15 at 08:39

score 3 · Accepted Answer · edited May 23 '17 at 10:26

You should probably be using angular router or ui router (Would recommend the later one) and pass these values which are currently being passed in the query param in the route, would be much easier to read the values then from your controller.

Would have been something like this

.controller('PostsCtrl',
    [       '$scope','$stateParams'
    function($scope , $stateParams ) {    
        // 
        $scope.brandId= $stateParams.brandid;
        ...

Incase you dont want to do it and need a quick fix, here is something that would work...

JavaScript:

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

Usage:

var brandId = getParameterByName('brandid');

Source : How can I get query string values in JavaScript?

I am new at angular. Can you complete angular controller, please ? — GaripTipici, May 26 '15 at 09:02
Just use your code ( $http.get ......) in your controller , you can access at parameter with $stateParams. Like this : $stateParams.brandid — carton, May 26 '15 at 09:48

Getting Parameter From Current URL with Angular

1 Answers1