.load htmlファイルの内容を変数

Question

に保存します。ボタンをクリックすると、tfootがtableに追加されます。 tfootの内容は、ローカルの.htmlファイルへの.loadの結果です。私のソリューションは動作しますが、私はクリックごとに.htmlファイルを取得しています。最初のクリックの結果を変数に格納して再利用することはできますか？

$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

load()メソッドのコールバックを使用して結果を格納できます。私はあなたの$scope変数を使っていますが、必要に応じてこれを修正することができます。これを試してください： - 私はそれがより良いアプローチだろうと信じて

$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

あなたは（>https://docs.angularjs.org/api/ng/service/ $ templateCacheこちらを参照を参照）、このためtemplateCacheを使用することができます。そうすれば、追加の作業をする必要はなく、キャッシュされます。

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

とhtml

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