0

Por ejemplo este código JavaScript actualiza la página completamente: <a id="reload" href="javascript:location.reload()"></a>. Pero lo que quiero hacer es que sólo se actualice el template en el que esté en ese momento y no toda la página. Estoy utilizando ngRoute para las rutas y los templates.

Así es como estoy implementado la solución, pero, no me funciona:

app.component('reloadComponent', {
  template: '<a id="reload" ng-click="refresh()"></a>',
  controller: ['$scope', function reloadComponentCtrl($scope){
    $scope.refresh = function(){
      $route.reload();
    };
  }]
});

1 respuesta 1

0

Con $route.reload(); consigues lo mismo. Y si estas utilizando $state solo inyecta en tu controlador $state y ejecuta $state.reload();

<a ng-click="refresh()">Click</a>

Y

$scope.refresh = function(){
    $route.reload();
}

reload(); El servicio $route y la llamada reload() recargan la ruta actual, incluso si $location actual no ha cambiado y "re-instancia" el controlador.

AngularJS $route

10
  • He añadido a la pregunta como he implementado tu respuesta a ver si puedes ayudarme, porque no me funciona. Commented el 16 nov. 2016 a las 15:42
  • Debes agregar $route en las dependiencias, igual que $scope
    – sioesi
    Commented el 16 nov. 2016 a las 15:44
  • Cómo no me he dado cuenta lol. Pero ahora tengo otro problema, al actualizar con ese botón, por alguna razón, deja de funcionar el controlador de Disqus. qué crees que suceda? utilizo esta directiva de Disqus Commented el 16 nov. 2016 a las 15:55
  • como deja de funcionar? recibes algun error en consola?
    – sioesi
    Commented el 16 nov. 2016 a las 15:58
  • No, sólo no se muestra. Commented el 16 nov. 2016 a las 16:06

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.