So deaktivieren Sie das Vorlagen-Caching in AngularJs

In diesem Artikel wird hauptsächlich die Methode zum Deaktivieren des Vorlagen-Cachings in AngularJs vorgestellt. Der Herausgeber findet sie recht gut, daher werde ich sie jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Editor und werfen Sie einen Blick darauf.

Dieser Artikel stellt die Methode zum Deaktivieren des Vorlagen-Cachings in AngularJs vor. Teilen Sie ihn mit allen und hinterlassen Sie eine Notiz für sich selbst:

Aufgrund der Eigenschaften von AngularJs (oder des Browser-eigenen Caches?) wird das Laden der Standard-HTML-Vorlage von Angular zwischengespeichert. Daher müssen Sie bei jeder Änderung der Vorlage häufig den Cache des Browsers leeren, um sicherzustellen, dass der Browser die neueste HTML-Vorlage erhält. Das Testen selbst ist in Ordnung, wenn der Vorlageninhalt des Servers jedoch aktualisiert wird, wird dies für Benutzer nicht der Fall sein Alle arbeiten mit Ihnen zusammen. Leeren Sie den Cache Ihres Browsers. Das ist also wirklich ein großes Problem.

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

Methode 1: Fügen Sie nach dem Pfad der Vorlagendatei einen Zeitstempel (oder eine andere Zufallszahl) hinzu, um AngularJs zu zwingen, jedes Mal eine neue Vorlage vom Server zu laden

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

Diese Methode ist jedoch auch so unansehnlich. . . .

Methode 2: Verwenden Sie $templateCache, um den Cache zu leeren

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

Fügen Sie nach der Konfiguration der Routing-Adresse diesen Code nach app.config hinzu, um zu verhindern, dass AngularJs templateUrl zwischenspeichert.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So lesen Sie den vollständigen Text in Vue

So erhalten Sie Dom-Elemente in Vue

So konvertieren Sie das Zeitstempelformat in js

Vue-Projekt auf Nginx bereitstellen (ausführliches Tutorial)

In Anleitung Implementieren Sie eine Element-Bildlaufleistenschleife, um Inhalte in JavaScript anzuhängen

So implementieren Sie den seitlich verschiebbaren Menüeffekt in Vue+Swiper

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie das Vorlagen-Caching in AngularJs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!