So deaktivieren Sie das Vorlagen-Caching in AngularJs

Aufgrund der Eigenschaften von AngularJs (oder des Caches des Browsers selbst?) 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. In diesem Artikel stellen wir hauptsächlich vor, wie man das Vorlagen-Caching in AngularJs deaktiviert.

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

Methode 1: Fügen Sie nach dem Vorlagendateipfad einen Zeitstempel (oder eine andere Zufallszahl) hinzu, um den Start von AngularJs zu erzwingen Der Server lädt eine neue Vorlage

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

Aber diese Methode ist zu 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); 
    } 
  }); 
});

Nach dem Konfigurieren der Routing-Adresse ist das der Fall ist, in der App Fügen Sie diesen Code nach .config hinzu, um zu verhindern, dass AngularJs templateUrl zwischenspeichert.

Verwandte Empfehlungen:

So leeren Sie den Browser-Cache in AngularJS

Detaillierte Einführung in die erweiterte Verwendung von Dropdown-Boxen in AngularJS

Zusammenfassung des allgemeinen Wissens für den Einstieg in AngularJS

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!