キャッシュ値

Question

私は、次のHTMLコードを持って、そのNG-ショーはNGリピートと同じデータにアクセスする必要が気づく：私は二回getFilteredQuestions()を呼び出していますし、それが必要

<div ng-repeat="cat in getSelectedCategories()"> 

     <div ng-show="getFilteredQuestions(cat).hasItems"> 

      <div ng-repeat="(promptId, q) in getFilteredQuestions(cat).val"> 

        // nested loop contents 
      </div> 
     </div> 
    </div> 

予告まったく同じデータを生成します。実際には、ディスプレイを一貫させたい場合は、まったく同じデータを生成する必要があります。 AngularJSは通常この呼び出しをキャッシュしていますか、同じループで2回使用しているので値をキャッシュするために使用できるトリックがあります。

getFilteredQuestions()には、$scopeにキャッシュされた値を設定し、getFilteredQuestions()を呼び出す代わりに、キャッシュされた値を内部ループで読み取ることが考えられます。

Answer 1

キャッシュの値は、私が期待した通りにのように動作するようです。 （1）よりパフォーマンスが高い、（2）「無限ダイジェストサイクル」を回避する、（3）データの一貫性を保証する

基本的に、我々は代わりにOPに何を、今、これを持っている：

<div ng-repeat="cat in getSelectedCategories()"> 

     <div ng-show="getFilteredQuestions(cat)"> 

      <div ng-repeat="(promptId, q) in getFilteredQuestionsCache(cat)"> 

        // nested loop contents 
      </div> 
     </div> 
    </div> 

予告2回目の呼び出しはgetFilteredQuestions() but to getFilteredQuestionsCache（） `にではありません。

getFilteredQuestions()が呼び出されたときに、それはそうのようなコントローラのキャッシュプロパティを更新します。

$scope.getFilteredQuestions = function(){ 

    // ... 
    $scope.filteredQuestionsCache[cat] = obj; //update the cache 
    return Object.keys(obj).length > 0; // for the ng-show decision 
}; 

とgetFilteredQuestionsCache()はそうのようなものです：

このように

$scope.getFilteredQuestionsCache = function (cat) { 
    return $scope.filteredQuestionsCache[cat]; 
    }; 

、NG-ショーとng- repeat同じデータを取得するために呼び出しを繰り返さないでください。