Although this question may be dated, it's worth noting that navigating through Angular's limited documentation can be a challenge. Utilizing the RouteProvider and routeParams is essential for connecting URLs to Controllers/Views while passing route parameters seamlessly.

If you're looking for a practical example, explore the Angular seed project. Inside app.js, there's a clear illustration of how the route provider works. To include parameters, follow this format:

$routeProvider.when('/view1/:param1/:param2', {
    templateUrl: 'partials/partial1.html',    
    controller: 'MyCtrl1'
});

To access these parameters in your controller, remember to inject $routeParams:

.controller('MyCtrl1', ['$scope','$routeParams', function($scope, $routeParams) {
  var param1 = $routeParams.param1;
  var param2 = $routeParams.param2;
  ...
}]);

By adopting this method, you can easily incorporate parameters into your URL structure like so: "http://www.example.com/view1/param1/param2"

When it comes to application-level URL parsing, using routing is a great option. However, for a more low-level approach, consider utilizing the $location service within your own services or controllers:

var parameterValue = $location.search().myParam; 

This straightforward syntax will be effective for URLs like

http://example.com/path?myParam=paramValue

. Just make sure you have set up the $locationProvider in HTML 5 mode beforehand:

$locationProvider.html5Mode(true);

If not, you can explore the "Hashbang" syntax at http://example.com/#!/path?myParam=someValue, which is slightly more complex but works on older browsers that are not HTML 5 compatible.

To access route parameters in ngRoute, you can use the $routeParams service within your controller.

For more information on $routeParams, visit: http://docs.angularjs.org/api/ngRoute/service/$routeParams

If you're working with angular-ui-router, you can inject the $stateParams service to get route parameters.

Check out this link for details on URL routing with angular-ui-router: https://github.com/angular-ui/ui-router/wiki/URL-Routing

If you're wondering how to retrieve a parameter from a URL using $location.search(), I've got the solution for you.

First, make sure to include the "#" symbol before the parameter in the URL, like this:

"http://www.sampleurl.com/page#?key=value"

Next, in your controller, include $location as a dependency and use $location.search() to fetch the URL parameter:

.controller('yourController', ['$scope', function($scope, $location) {

    var param1 = $location.search().param1; // Retrieve parameter from the URL

}]);

In case the previous responses were not beneficial, an alternative approach to consider is utilizing $location.search().myParam; when dealing with URLs such as

function ExtractURLParameter(param) {
        var address;
        var query;
        var split;
        var total;
        var iterator;
        var phrase;
        address = window.location.href;
        query = address.indexOf("?");
        if (query < 0) {
            return "";
        }
        phrase = param + "=";
        split = address.substr(query+1).split("&");
        total = split.length;
        for(iterator=0;iterator<total;iterator++) {
            if (split[iterator].substr(0,phrase.length)==phrase) {
                return decodeURI(split[iterator].substr(phrase.length));
            }
        }
        return "";
    }

Easy Method for Extracting URL Values

To easily extract a value from a URL, follow these simple steps:

1. Add a # sign to the URL (e.g. test.html#key=value)

Example URL in browser: https://stackover.....king-angularjs-1-5#?brand=stackoverflow

2. Retrieve the URL using JavaScript:

var url = window.location.href;

(Output: url = "https://stackover.....king-angularjs-1-5#?brand=stackoverflow")

3. Use the split method to extract the desired value:

url.split('=').pop();
Output: "stackoverflow"

Using angularjs with express

In my scenario, I encountered an issue when using angularjs with express for routing, as $routeParams was interfering with my routing setup. To overcome this challenge, I implemented the following code snippet to achieve the desired outcome:

const extractParameters = (template, path) => {
  const parameters = {};
  const templateParts = template.split('/');
  const pathParts = path.split('/');
  
  for (let i = 0; i < templateParts.length; i++) {
    const currentElement = templateParts[i];
    
    if(currentElement.startsWith(':')) {
      const key = currentElement.substring(1, currentElement.length);
      parameters[key] = pathParts[i];
    }
  }
  
  return parameters;
};

To use this function, you simply call it like so:

const params = extractParameters('/:table/:id/visit/:place_id/on/:interval/something', $location.path()); 

Incorporating this logic into my controller resulted in the following implementation:

.controller('TestController', ['$scope', function($scope, $window) {
  const extractParameters = (template, path) => {
    const parameters = {};
    const templateParts = template.split('/');
    const pathParts = path.split('/');
    
    for (let i = 0; i < templateParts.length; i++) {
      const currentElement = templateParts[i];
      
      if(currentElement.startsWith(':')) {
        const key = currentElement.substring(1, currentElement.length);
        parameters[key] = pathParts[i];
      }
    }
    
    return parameters;
  };

  const params = extractParameters('/:table/:id/visit/:place_id/on/:interval/something', $window.location.pathname);
}]);

The expected result from this setup will be:

{ table: "users", id: "1", place_id: "43", interval: "week" }

I hope this solution proves helpful to anyone facing a similar challenge!

Configure the following in your router:

route: "/account/reset/:user_id/:token_id"

Add the following code snippet to your controller:

const userId = $routeParams.user_id
const tokenId = $routeParams.token_id