Esta publicación tiene 20 meses de antigüedad, te invitamos a buscar publicaciones más recientes relacionados a este tema aquí.

Estamos llegando a la parte final de route en AngularJs, el día de hoy veremos cómo eliminar el signo # de nuestras URL. 

 

Afortunadamente, hay una forma muy fácil de erradicar el signo # de nuestras rutas al permitir lo que AngularJs lo llama html5Mode, este modo lo que hace es permitir que AngularJs tome ventaja sobre los navegadores modernos.

Para habilitar el html5Mode necesitamos ir a nuestro método config de nuevo e inyectar el modo html5 en el servicio  $locationProvider el cual toma un valor de true para usarlo:

.config(function($routeProvider, $locationProvider){
 
    ...
 
    $locationProvider.html5Mode(true);
 
})
 

El servicio $locationProvider nos provee un segundo método llamado hashPrefix el cuál nos permite agregar un prefijo después del signo # en la URL. Por ejemplo, podemos agregar el signo de ?:

$locationProvider.hashPrefix('?');
 

Y en nuestro HTML tenemos que referirnos al enlace como:

<a href="/add-contact">Add Contact</a>
 

En caso de que no usemos el modo html5 entonces en nuestro HTML tenemos que poner:

<a href="#/add-contact">Add Contact</a>
 

@telecristy.

¿Te gustó esta publicación? Márcala como favorita