ポリマーコンポーネント間でデータを共有する方法はありますか？

Question

現在、私は大量のデータを共有する2つのポリマー成分を持っています。ここをクリックしてください：

<polymer-component1 
     series="{{series}}" 
     stackhelper={{stackhelper}} 
     stack={{stack}} 
     controls={{controls}} 
     camera={{camera}} 
     threed={{threed}} 
     scene={{scene}} 
     renderer={{renderer}}> 
</polymer-component1> 
<polymer-component2 
     stackhelper=[[stackhelper]] 
     stack={{stack}} 
     controls={{controls}} 
     camera={{camera}} 
     threed={{threed}} 
     scene={{scene}} 
     renderer={{renderer}} 
     guiobjects={{guiobjects}}> 
</polymer-component2> 

これは現在問題なく動作していますが、データの共有に関するベストプラクティスは何ですか？ 2つのコンポーネント間ですべてのプロパティを共有する方法はありますか？

Answer 1

を拡張するまで、このhereスクロールを見つけることができます。文字列や数字だけでなく、任意のプロパティを共有できます。例えばあなたがオブジェクト

JS

data = { 
    series: "", 
    stackhelper: "", 
    stack: "", 
    controls: "", 
    camera: "", 
    threed: "", 
    scene: "", 
    renderer: "", 
} 

を持っていると仮定するとあなたのコードは次のように書き換えることができます。

HTML

<polymer-component1 data="{{data}}"></polymer-component1> 
<polymer-component2 data="{{data}}"></polymer-component2> 

Answer 2

ポリマー2では、1つの要素はプロパティを継承するだけで拡張できます。

または、必要なプロパティだけを持つ要素を作成してから、両方の要素が親を拡張します。あなたはあなたが何をやっているように、データバインディングを介してデータを共有することをお勧めします既存の要素