how to get url paramter value in angular js

Jaffer Sadiq

Hi,

I need to get url parameter as value in angular js. Am new to angular JS

url : http://localhost:52073/TransRecord/ShowTransRecord?id=%22262115537004%22&cnmae=%22Demo%20Customer%22

I need id value = 22262115537004, cnmae value = Demo Customer. I tried with location.url. but don't know how to get exact parameter value

Thanks in advance

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Imtiyaz Ansari8y ago
Accepted answer
Hi Sadiq

You Can Get URL id with simple js method
===============================
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = decodeURIComponent(window.location.search.substring(1)),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : sParameterName[1];
}
}
};

//===In your Case Example
var id=getUrlParameter('id');
var cnmae =getUrlParameter('cnmae');
0
Jaffer Sadiq8y ago
Thanks everyone for your replies.

I tried with Imtiyaz Ansari script, it works fine.

@suraj,

I tried it doesn't work. May be i dont know how to inject routeparam in angularJS ..

Thanks
0
Suraj Kumar8y ago
You need to check this part from below url

https://stackoverflow.com/questions/11758079/how-to-get-the-url-parameters-using-angularjs/19481865

0
Jaffer Sadiq8y ago
Hi Sanwar,

As per the link, If i try with routeparam, it prompt routeparam inject error in chrome inspect.

How to inject routeparam and get the url parameter value in angular JS or is there any other way to achieve this??

I am bit new to angular JS.

Really appreciate you help and support
0
Sanwar Ranwa8y ago
Hello Jaffer sadiq

Please check these Links

https://stackoverflow.com/questions/11758079/how-to-get-the-url-parameters-using-angularjs/19481865

http://heycodetech.com/how-to-get-the-url-parameters-using-angularjs/

https://stackoverflow.com/questions/26974201/how-to-get-the-value-from-url-parameter-in-angularjs

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

https://namitamalik.github.io/routeParams-in-AngularJS/

https://www.metaltoad.com/blog/angularjs-query-string-handling-using-locationsearch
0
Suraj Kumar8y ago
Hello Jaffer,
You can use $routeParams to get the value of url parameter. You can get in depth details how to use the $routeParams by following below thread

https://stackoverflow.com/questions/11758079/how-to-get-the-url-parameters-using-angularjs/19481865

Regards
Suraj
0