¿Cómo recargar o volver a renderizar la página completa usando AngularJS?

Mientras trabajamos con AngularJS, podemos encontrarnos con un momento en el que queremos que nuestro usuario cambie de contexto y vuelva a renderizar todo nuevamente. AngularJS proporciona un método mediante el cual podemos volver a renderizar o incluso recargar la página completa. Entonces, en este artículo, veremos cómo podemos recargar la ruta en lugar de simplemente recargar toda la página o la aplicación, ya que actualizar la página completa solo por algunas pequeñas posibilidades puede resultar problemático de vez en cuando y también veremos cómo podemos recarga toda la página desde el servidor o desde la propia caché. AngularJS proporciona principalmente dos métodos diferentes para recargar y actualizar

Uso del método reload(): El método reload() del servicio de ruta angular se usa cuando queremos que se recargue solo la ruta actual en lugar de hacer que toda nuestra aplicación se recargue o actualice . Digamos que el controlador de la ruta tiene servicios que se llaman cuando se crea una instancia del controlador y necesita volver a llamar exactamente a esos mismos servicios cuando ocurre alguna condición para actualizar los datos. Entonces, lo que básicamente podemos hacer para minimizar toda esta tarea de recarga es simplemente llamar a $route.reload() . Esto no actualizará toda la página, sino que recargará solo la ruta que volverá a crear una instancia del controlador y, por lo tanto, recuperará los servicios.

Ejemplo: 

Javascript

app.controller('ControllerName',
               ['$scope', '$route', function($scope, $route) {
    $scope.reloadRoute = function() {
 
        // Reload only the route which will re-instantiate
        $route.reload();
    };
}]);

Uso del método location.reload() : El método location.reload() se usa para actualizar o volver a cargar la página completa, lo que opcionalmente obliga a volver a descargar el contenido. Este método da el mismo resultado que cuando usamos el botón actualizar o recargar. Simplemente restableció todo el estado de nuestro sitio web. De forma predeterminada, este método carga la página desde el caché y cuando establecemos la propiedad forceGet en verdadero, la página se vuelve a cargar desde el servidor. Este método no tiene ningún tipo de devolución.

Sintaxis: 

location.reload(forceGet)

Ejemplo: el parámetro forceGet es un parámetro opcional y solo debe usarse cuando queremos forzar que todo el sitio web se vuelva a cargar desde el servidor. Sin la propiedad forceGet, el sitio web simplemente se volverá a cargar desde el caché. 

Javascript

function locationreload() {
 
        // To reload the entire page from the server
        location.reload();      
        }

Publicación traducida automáticamente

Artículo escrito por cybercreed010 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *