AngularJS: ¿Cómo borrar los parámetros de consulta en la URL?

Utilizo

$location.search('key', null)

Ya que esto no solo elimina mi clave, sino que la elimina de la visibilidad en la URL.

Para eliminar TODOS los parámetros de consulta, haga:

$location.search({});

Para eliminar UN parámetro de consulta particular, haga:

$location.search('myQueryParam', null);

Para borrar un elemento elimínelo y llame a compose compose

    if ($location.$$search.yourKey) {
        delete $location.$$search.yourKey;
        $location.$$compose();
    }

Derivado de angularjs fuente: https://github.com/angular/angular.js/blob/c77b2bcca36cf199478b8fb651972a1f650f646b/src/ng/location.js#L419-L443

Puede eliminar un parámetro de consulta específico utilizando:

delete $location.$$search.nameOfParameter;

O puede borrar todos los parámetros de consulta configurando la búsqueda en un objeto vacío:

$location.$$search = {};

En el momento de escribir, y como se mencionó anteriormente por @Bosh, html5mode debe ser true para poder establecer $location.search() y que se refleje de nuevo en la URL visual de la ventana.

Véase https://github.com/angular/angular.js/issues/1521 para más información.

Pero si html5mode es true puede borrar fácilmente la cadena de consulta de la URL con:

$location.search('');

O

$location.search({});

Esto también alterará la URL visual de la ventana.

(Probado en AngularJS version 1.3.0-rc.1 with html5Mode(true).)

Necesidad de hacer que funcione cuando html5mode = false?

Todas las otras respuestas funcionan solo cuando Angular html5mode es true. Si estás trabajando fuera de html5mode, entonces $location se refiere solo a la ubicación "falsa" que vive en tu hash {y entonces $location.search no puede ver/editar/arreglar los parámetros de búsqueda de la página real.

Aquí hay una solución alternativa, que se insertará en el HTML de la página antes de cargas angulares:

<script>
  if (window.location.search.match("code=")){
    var newHash = "/after-auth" + window.location.search;
    if (window.history.replaceState){
      window.history.replaceState( {}, "", window.location.toString().replace(window.location.search, ""));
    }
    window.location.hash = newHash;
  }
</script>

Solo use

$location.url();

En lugar de

$location.path();

Si desea mover a otra URL y borrar los parámetros de consulta, simplemente use:

$location.path('/my/path').search({});

Si está utilizando parámetros de rutas, simplemente borre rout routeParams

$routeParams= null;

¿Qué tal simplemente establecer el hash de ubicación a null

$location.hash(null);

Si procesa los parámetros inmediatamente y luego pasa a la página siguiente, puede poner un signo de interrogación al final de la nueva ubicación.

Por ejemplo, si hubiera hecho $ubicación.path ('/nextPage');

Puedes hacer esto en su lugar: $ubicación.path ('/nextPage?');

He intentado las respuestas anteriores, pero no pude conseguir que funcionen. El único código que funcionó para mí fue $window.location.search = ''

Puedo reemplazar todos los parámetros de consulta con esta sola línea: $location.search({});
Fácil de entender y una manera fácil de eliminarlos.

La respuesta aceptada funcionó para mí, pero necesitaba profundizar un poco más para solucionar los problemas con el botón atrás.

Lo que noté es que si enlazo a una página usando <a ui-sref="page({x: 1})">, luego elimino la cadena de consulta usando $location.search('x', null), no obtengo una entrada adicional en el historial de mi navegador, por lo que el botón atrás me lleva de vuelta a donde empecé. Aunque siento que esto está mal porque no creo que Angular deba eliminar automáticamente esta entrada del historial para mí, este es en realidad el comportamiento deseado para mi caso de uso particular.

El problema es que si enlazo a la página usando <a href="/page/?x=1"> en su lugar, luego elimino la cadena de consulta de la misma manera, hago obtener una entrada adicional en el historial de mi navegador, por lo que tengo que hacer clic en el botón atrás dos veces para volver a donde empecé. Este es un comportamiento inconsistente, pero en realidad esto parece más correcto.

Puedo solucionar fácilmente el problema con los enlaces href usando $location.search('x', null).replace(), pero luego esto rompe la página cuando aterrizas en ella a través de un ui-sref link, así que esto no es bueno.

Después de mucho jugueteo, esta es la solución que se me ocurrió:

En la función run de mi aplicación agregué esto:

$rootScope.$on('$locationChangeSuccess', function () {
    $rootScope.locationPath = $location.path();
});

Luego uso este código para eliminar el parámetro de cadena de consulta:

$location.search('x', null);

if ($location.path() === $rootScope.locationPath) {
    $location.replace();
}