Cómo obtener los parámetros de url usando AngularJS

Código fuente HTML

<div ng-app="">
    <div ng-controller="test">
      <div ng-address-bar browser="html5"></div>
      <br><br>
      $location.url() = {{$location.url()}}<br>
      $location.search() = {{$location.search('keyword')}}<br>
      $location.hash() = {{$location.hash()}}<br>     
      keyword valus is={{loc}} and ={{loc1}}
  </div>
</div>

Código fuente AngularJS

<script>
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') > -1){    
        $scope.loc= $location.url().split('=')[1];
        $scope.loc = $scope.loc.split("#")[0]        
    }
  }
 </script>

Aquí las variables locy loc1ambos devuelven la prueba como resultado de la URL anterior. ¿Es esta la forma correcta?

Sé que esta es una vieja pregunta, pero me tomó algo de tiempo resolver esto dada la escasa documentación angular. El RouteProvider y routeParams es el camino a seguir. La ruta conecta la URL a su Controlador / Vista y los routeParams se pueden pasar al controlador.

Echa un vistazo al proyecto de semillas Angular . Dentro de app.js encontrarás un ejemplo para el proveedor de ruta. Para usar parámetros, simplemente agréguelos de esta manera:

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

Luego, en su controlador, inyecte $ routeParams:

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

Con este enfoque, puede usar parámetros con una URL como: " http://www.example.com/view1/param1/param2 "

Si bien el enrutamiento es una buena solución para el análisis de URL de nivel de aplicación, es posible que desee utilizar el servicio de más bajo nivel $location, como se inyecta en su propio servicio o controlador:

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

Esta sintaxis simple funcionará http://example.com/path?myParam=paramValue. Sin embargo, solo si configuró el $locationProvideren el modo HTML 5 antes:

$locationProvider.html5Mode(true);

De lo contrario, eche un vistazo a la sintaxis http://example.com/#!/path?myParam=someValue "Hashbang", que es un poco más complicada, pero tiene la ventaja de trabajar en navegadores antiguos (no compatibles con HTML 5) como bien.

Si está usando ngRoute, puede inyectar $routeParamsen su controlador

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

Si está utilizando enrutador angular-ui, puede inyectar $stateParams

https://github.com/angular-ui/ui-router/wiki/URL-Routing

Encontré una solución para usar $ location.search () para obtener el parámetro de la URL

primero en la URL, necesita poner la sintaxis "#" antes del parámetro como este ejemplo

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

y luego en su controlador, ponga $ location en función y use $ location.search () para obtener el parámetro URL para

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

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

}]);

Si las respuestas ya publicadas no ayudaron, puede intentar con $ location.search (). MyParam; con URL http: //example.domain#? myParam = paramValue

function GetURLParameter(parameter) {
        var url;
        var search;
        var parsed;
        var count;
        var loop;
        var searchPhrase;
        url = window.location.href;
        search = url.indexOf("?");
        if (search < 0) {
            return "";
        }
        searchPhrase = parameter + "=";
        parsed = url.substr(search+1).split("&");
        count = parsed.length;
        for(loop=0;loop<count;loop++) {
            if (parsed[loop].substr(0,searchPhrase.length)==searchPhrase) {
                return decodeURI(parsed[loop].substr(searchPhrase.length));
            }
        }
        return "";
    }

Manera simple y fácil de obtener el valor de la URL

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"

Cuando se usa angularjs con express

En mi ejemplo, estaba usando angularjs con express haciendo el enrutamiento, por lo que usar $ routeParams podría estropear mi enrutamiento. Usé el siguiente código para obtener lo que esperaba:

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

Esto recibe una plantilla de URL y la ruta de la ubicación dada. Lo acabo de llamar con:

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

Poniendo todo junto, mi controlador es:

.controller('TestController', ['$scope', function($scope, $window) {
  const getParameters = (temp, path) => {
    const parameters = {};
    const tempParts = temp.split('/');
    const pathParts = path.split('/');
    for (let i = 0; i < 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);
}]);

El resultado será:

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

Espero que esto ayude a alguien por ahí!