how to get url paramter value in angular js

Question

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

Imtiyaz Ansari · 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 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 ');

Jaffer Sadiq · Answer

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

Suraj Kumar · Answer

You need to check this part from below url https://stackoverflow.com/questions/11758079/how-to-get-the-url-parameters-using-angularjs/19481865

Jaffer Sadiq · Answer

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

Sanwar Ranwa · Answer

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

Suraj Kumar · Answer

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