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