Comment désactiver la mise en cache des modèles dans AngularJs

En raison des caractéristiques d'AngularJs (ou du cache du navigateur lui-même ?), le chargement du modèle HTML par défaut d'Angular sera mis en cache. Par conséquent, chaque fois que vous modifiez le modèle, vous devez souvent vider le cache du navigateur pour vous assurer que le navigateur obtient le dernier modèle HTML. Vous pouvez tester par vous-même, mais si le contenu du modèle du serveur est mis à jour, ce n'est pas tous les cas. l'utilisateur coopérera avec vous. Videz le cache de votre navigateur. C'est donc vraiment un gros problème. Dans cet article, nous présentons principalement comment désactiver la mise en cache des modèles dans AngularJs.

app.config(function($routeProvider, $locationProvider) { 
 $routeProvider 
  .when('/Book/:bookId/ch/', { 
  templateUrl: 'chapter.html', 
  controller: 'ChapterController' 
 }); 
});

Méthode 1 : ajoutez un horodatage (ou un autre nombre aléatoire) après le chemin du fichier modèle pour forcer AngularJs à démarrer à partir de Le serveur charge un nouveau template

app.config(function($routeProvider, $locationProvider) { 
 $routeProvider 
  .when('/Book/:bookId/ch/', { 
  templateUrl: 'chapter.html' + '?datestamp=' + (new Date()).getTime(), 
  controller: 'ChapterController' 
 }); 
});

Mais cette méthode est trop disgracieuse. . . .

Méthode 2 : Utilisez $templateCache pour vider le cache

// 禁止模板缓存 
app.run(function($rootScope, $templateCache) { 
  $rootScope.$on('$routeChangeStart', function(event, next, current) { 
    if (typeof(current) !== 'undefined'){ 
      $templateCache.remove(current.templateUrl); 
    } 
  }); 
});

Après avoir configuré l'adresse de routage, dans l'application Ajoutez ce code après .config pour empêcher AngularJs de mettre en cache templateUrl.

Recommandations associées :

Comment vider le cache du navigateur dans AngularJS

Introduction détaillée à l'utilisation avancée des listes déroulantes dans AngularJS

Résumé des connaissances communes pour démarrer avec AngularJS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!