ポリマーは関数結果をテンプレート内に束縛します

Question

私はdom-repeatで同じ関数を複数回呼び出すことを避けようとしています。

例：

<template is="dom-repeat" items="..." as="column"> 
    <template result="_myFunction(column, index)"> 
    <div>Primary: [[result.primary]]</div> 
    <div>Secondary: [[result.secondary]]</div> 
    ... 
    </template> 
</template> 


... 
_myFunction(column, index) { 
    return { primary: "1", secondary: "2", ......} 
} 

しかし、私は、私はすべての私の<div>秒で_myFunction(column, index)を呼んでいる瞬間のために、これを行うための正しい方法を見つけることができません。

関数を何回も呼び出さないようにするにはどうすればよいですか？

Answer 1

を試してみてください。

Before the `dom-repeat`: 
    execute the function 
    cache the result in an object 

In the `dom-repeat` 
    use the cached-object to retrieve the value 

ボーナス：メモ化も

Answer 2

私はキャッシュを使用して_myFunctionを複数回呼び出さないようにする方法を発見し、これはあなたのために働くことを願っています、次のコード、DOMリピートを有するポリマーカスタム要素のその作業例で

<dom-module id="your-template-container"> 
    <template> 
     <template is="dom-repeat" items="{{data}}" as="column"> 
      <div>Primary: [[column.primary]]</div> 
      <div>Secondary: [[column.secondary]]</div> 
     </template> 
    </template> 

    <script> 
     Polymer({ 
      is: 'your-template-container', 
      ready: function() { 
       // Sample object data is below 
       this.data = [ 
        {primary: 1, secondary: 2}, 
        {primary: 1, secondary: 2}, 
        {primary: 1, secondary: 2} 
       ]; 
      } 
     }); 
    </script> 

</dom-module> 

<!-- THE FOLLOWING WILL RENDER YOU POLYMER CUSTOM ELEMENT WITH DOM REPEAT--> 
<your-template-container></your-template-container>