Inhalt von .load HTML-Datei in Variable speichern

Question

Auf Knopfdruck, ich bin ein tfoot an eine table anhängen. Der Inhalt der tfoot ist das Ergebnis einer .load zu einer lokalen .html-Datei. Obwohl meine Lösung funktioniert, führe ich bei jedem Klick einen Blick auf die .html-Datei. Kann das Ergebnis beim ersten Klick in einer Variablen gespeichert und wiederverwendet werden?

$scope.btnClick = function() { 

    var tfoot = $('#datepicker table').find('tfoot'); 
    if(!tfoot.length) { 
     tfoot = $('<tfoot>').appendTo('#datepicker table'); 
    } 

    tfoot.load('myDir/calendar/customFooter.html'); 

} 

Answer 1

Sie können dies erreichen, indem er einen Rückruf auf der load() Methode unter Verwendung das Ergebnis zu speichern. Ich verwende hierfür Ihre $scope Variable, aber Sie können diese bei Bedarf ändern. Versuchen Sie folgendes:

$scope.btnClick = function() {  
    var tfoot = $('#datepicker table').find('tfoot'); 
    if (!tfoot.length) { 
     tfoot = $('<tfoot>').appendTo('#datepicker table'); 
    } 

    if ($scope.tfootContent) { 
     tfoot.html($scope.tfootContent); 
    } else { 
     tfoot.load('myDir/calendar/customFooter.html', function(response) { 
      $scope.tfootContent = response; 
     }); 
    } 
} 

Answer 2

Sie die templateCache dafür verwenden können, (siehe Referenz hier ->https://docs.angularjs.org/api/ng/service/ $ templateCache) glaube ich, dass wäre ein besserer Ansatz sein. Auf diese Weise müssen Sie keine zusätzlichen Arbeiten ausführen und es wird zwischengespeichert. Sie würden die tfoot auf die Schaltfläche klicken zeigen, so dass es so etwas wie dieses würde:

$scope.btnClick = function() { tfootVisible = true;} 

und im html

<table id="datepicker"> 
    <tfoot ng-include="'templateId.html'" ng-if="tfootVisible"></tfoot> 
</table>