Arrêter AngularJS à partir de la mise en cache html entre les routes

J'ai deux itinéraires dans une page filaire avec Angular JS.

D'une page a une forme à partir de laquelle vous pouvez enregistrer certaines informations, angulaire semble être de ne pas demander pour le html quand je bascule en arrière et en avant entre les routes.

J'ai essayé de faire $httpProvider.les valeurs par défaut.cache = false;

De coeur pour un trajet, je ne veux pas Angulaire de mise en cache le html, pour les autres routes, il est en fait une bonne chose.

Code est donné ici:

angular.module('userAccount', ['ngRoute', 'ngAnimate'])
.config(['$routeProvider', '$locationProvider', '$httpProvider',
  function ($routeProvider, $locationProvider, $httpProvider) {
      //$httpProvider.defaults.cache = false;
      $locationProvider.hashPrefix('');
      $routeProvider
        .when('/UserProfile/:action', {
            reloadOnSearch: false,
            cache: false,
            templateUrl: function (params) {
                return '/UserProfile/' + params.action;
            },
            controller: 'UserProfCtrl'
        })
        .when('/UserDashboard/:action', {
            templateUrl: function (params) {
                return '/UserDashboard/' + params.action;
            },
            controller: 'UserDashCtrl'
        })
        .otherwise('/UserDashboard/Index');
  }])
.controller('MainCtrl', ['$scope', '$route', '$routeParams', '$location',
  function ($scope, $route, $routeParams, $location) {
      $scope.$on('$routeChangeStart', function (next, current) {

      });

      this.$route = $route;
      this.$location = $location;
      this.$routeParams = $routeParams;
  }])
.controller('UserProfCtrl', ['$routeParams', function ($routeParams) {
    this.name = "UserProfCtrl";
    this.params = $routeParams;
}])
.controller('UserDashCtrl', ['$routeParams', function ($routeParams) {
    this.name = "UserDashCtrl";
      this.params = $routeParams;
    }]);

Remarque que j'ai supprimé certains indépendants de l'interface utilisateur de manipulation de code ici.

si cache: false ne fonctionne pas pour vous, alors s'il vous plaît partagez vos code
J'ai mis à jour la question avec le code, le décommenté la section est ce que j'avais essayé. Merci pour votre temps.

OriginalL'auteur Sumit Maingi | 2015-06-28

angularjs javascript

15

J'ai le même problème dans mon hybride application mobile et résolu par l'ajout de cache: false dans mon route.js
```
$stateProvider.state('stateName', {
   cache: false,
   url : '/url',
   templateUrl : 'template.html'
})
```
Espère que ça va résoudre votre problème.

vous pouvez essayer d'ajouter de la chaîne de requête avec l'url
```
return '/views/' + params.action+'?'+$.now();
```
Je ne suis pas à l'aide d'un fournisseur d'état, dois-je être? J'ai mis à jour la question avec le code.
l'ajout de la chaîne de requête de l'url permettra d'éviter la mise en cache de votre modèle
travaillé avec le désormais chose, j'avais envoyé des en-têtes http pour indiquer aux navigateurs de ne pas mettre en cache avant (qui est ce "maintenant" est la résolution), je suppose que ce n'était pas respectée.

OriginalL'auteur Parmod

Je sais que sa fin, mais il peut aider quelqu'un

J'ai juste utilisé ce avant mes itinéraires et cela a fonctionné.

myApp.run(function($rootScope, $templateCache) {
   $rootScope.$on('$viewContentLoaded', function() {
      $templateCache.removeAll();
   });
});

OriginalL'auteur Alaa mohammed

Après des recherches dans de nombreux sites, je n'ai pas trouvé une bonne solution, mais en regardant la question et la réponse dans ce post, j'ai fait la solution suivante que résolu mon problème (pas à tous).

Si j'ai cliqué deux fois de suite dans les produits' lien, le second clic de ne pas recharger/évaluer le contenu, mais si j'ai cliqué sur le lien, puis cliquez sur le lien produits, angulaire recharger le contenu de ce.

            var app = angular.module("myApp", ["ngRoute"]);

            app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

                $routeProvider
                .when("/", {
                    templateUrl : "main.php"
                })
                .when("/productos", {
                    disableCache: true,
                    templateUrl : function (params) {
                        return "productos.php?" + $.now();
                    }
                })
                .when("/contacto", {
                    templateUrl : "contacto.php"
                })

                $locationProvider.html5Mode(true);

            }]);

OriginalL'auteur jcromeros1987

Vous devez vous connecter pour publier un commentaire.