How to get the url parameters using AngularJS

Question

HTML source code    lt div ng-app    gt       lt div ng-controller  test  gt         lt div ng-address-bar browser  html5  gt  lt  div gt         lt br gt  lt br gt         location url        location url     lt br gt         location search        location search  keyword     lt br gt         location hash        location hash     lt br gt             keyword valus is   loc   and    loc1      lt  div gt   lt  div gt    AngularJS source code   lt script gt  function test  scope   location       scope  location    location     scope ur    scope  location url  www html com x html keyword test  x u       scope loc1    scope  location search   keyword           if  location url   indexOf  keyword    gt  -1                scope loc   location url   split      1            scope loc    scope loc split      0                      lt  script gt    Here the variables loc and loc1 both return test as the result for the above URL  Is this the correct way

User · Answer

If the answers already posted didn t help  one can try with  location search   myParam   with URLs http   example domain  myParam paramValue

User · Answer

I found solution how to use  location search    to get parameter from URL  first in URL u need put syntax       before parameter like this example   http   www example com page  key value    and then in your controller u put  location in function and use  location search   to get URL parameter for   controller  yourController      scope   function  scope   location          var param1    location search   param1    Get parameter from URL

User · Answer

When using angularjs with express  On my example I was using angularjs with express doing the routing so using  routeParams would mess up with my routing  I used the following code to get what I was expecting   const getParameters    temp  path    gt      const parameters         const tempParts   temp split         const pathParts   path split         for  let i   0  i  lt  tempParts length  i          const element   tempParts i       if element startsWith               const key   element substring 1 element length         parameters key    pathParts i               return parameters       This receives a URL template and the path of the given location  The I just call it with   const params   getParameters    table  id visit  place id on  interval something    location path        Putting it all together my controller is    controller  TestController      scope   function  scope   window      const getParameters    temp  path    gt        const parameters           const tempParts   temp split           const pathParts   path split           for  let i   0  i  lt  tempParts length  i            const element   tempParts i         if element startsWith                 const key   element substring 1 element length           parameters key    pathParts i                     return parameters        const params   getParameters    table  id visit  place id on  interval something    window location pathname          The result will be     table   users   id   1   place id   43   interval   week      Hope this helps someone out there

User · Answer

Simple and easist way to get url value  First add   to url  e g -  test html key value   url in browser  https   stackover     king-angularjs-1-5  brand stackoverflow   var url   window location href    output  url    https   stackover     king-angularjs-1-5  brand stackoverflow    url split      pop   output  stackoverflow

User · Answer

function GetURLParameter parameter            var url          var search          var parsed          var count          var loop          var searchPhrase          url   window location href          search   url indexOf               if  search  lt  0                return                       searchPhrase   parameter                parsed   url substr search 1  split   amp             count   parsed length          for loop 0 loop lt count loop                  if  parsed loop  substr 0 searchPhrase length   searchPhrase                    return decodeURI parsed loop  substr searchPhrase length                                    return

User · Answer

I know this is an old question  but it took me some time to sort this out given the sparse Angular documentation   The RouteProvider and routeParams is the way to go   The route wires up the URL to your Controller View and the routeParams can be passed into the controller    Check out the Angular seed project   Within the app js you ll find an example for the route provider   To use params simply append them like this    routeProvider when   view1  param1  param2         templateUrl   partials partial1 html           controller   MyCtrl1        Then in your controller inject  routeParams    controller  MyCtrl1      scope    routeParams   function  scope   routeParams      var param1    routeParams param1    var param2    routeParams param2               With this approach you can use params with a url such as   http   www example com view1 param1 param2

User · Answer

If you re using ngRoute  you can inject  routeParams into your controller  http   docs angularjs org api ngRoute service  routeParams  If you re using angular-ui-router  you can inject  stateParams  https   github com angular-ui ui-router wiki URL-Routing

User · Answer

While routing is indeed a good solution for application-level URL parsing  you may want to use the more low-level  location service  as injected in your own service or controller   var paramValue    location search   myParam     This simple syntax will work for http   example com path myParam paramValue  However  only if you configured the  locationProvider in the HTML 5 mode before    locationProvider html5Mode true     Otherwise have a look at the http   example com    path myParam someValue  Hashbang  syntax which is a bit more complicated  but have the benefit of working on old browsers  non-HTML 5 compatible  as well

[javascript] How to get the url parameters using AngularJS

Examples related to javascript

Examples related to angularjs

Examples related to routeparams