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
– Vignesh, Commented May 26, 2015 at 8:36
You could use angular routes, it would make your code cleaner. — Re Captcha
– Re Captcha, Commented May 26, 2015 at 8: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
– carton, Commented May 26, 2015 at 8:38

Community · Accepted Answer · 2017-05-23 10:26:53Z

3

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?

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered May 26, 2015 at 8:40

Yasser Shaikh

47.9k50 gold badges208 silver badges289 bronze badges

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

2 Comments

GaripTipici Over a year ago

I am new at angular. Can you complete angular controller, please ?

carton Over a year ago

Just use your code ( $http.get ......) in your controller , you can access at parameter with $stateParams. Like this : $stateParams.brandid

Collectives™ on Stack Overflow

Getting Parameter From Current URL with Angular

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related