2016-07-09 4 views
0

2つのネストされたdom-repeatをバインドする必要があります。以下のような何か:ネストしたdom-repeatを独立したループ変数にする方法はありますか?

some_query リストでforeachの製品すべての製品画像

だから私セットアップ製品のクエリを行い、私が取得するために別のクエリを起動内の画像や別のDOM-repeatが一覧表示されます最初のDOMリピートそれら。その結果、リストされた製品はすべて同じイメージで終わることになります。

製品名が正しくリストされ、すべてのクエリが正しく起動されますが、最終的にはすべてのイメージブロックが同じです。

私はPolymer.templatizeを試して、内側のテンプレートをスタンプし、iron-listのような要素も使用しましたが、結果は常に同じです。

私はここ

https://jsbin.com/didijo/edit?html,js,output

どのように私はこれを達成することができますが、 "小さな" の例を作成しましたか?

追加情報が必要な場合はお知らせください。

ありがとうございました。

+0

[こちら](https://www.polymer-project.org/1.0/docs/devguide/templates#nesting-templates)をご確認ください。 –

+0

なぜ画像に問い合わせる必要がありますか?あなたの 'product'オブジェクトは内部にイメージを持っていませんか? – a1626

+0

1対多の関係ですが、1つの製品には多くの画像がありますが、どれくらいあるか分かりません。いずれにせよ、それは本当にそれとは何の関係もありません、それは一般的な関係である: 会社>従業員 映画>俳優 人>ジョブズ ドクター・フーの俳優>仲間 – tsolucio

答えて

0

私はもうこれ以上待ちませんでしたので、この問題を再訪しました。私は新しいWebコンポーネントを作成し、ajax呼び出しとその出力をコンポーネント内に置くことで動作させました。このようなもの:

<template is="dom-bind"> 
    <get-indexes indexes="{{indexes}}"></get-indexes> 
<template is="dom-repeat" items='[[indexes]]' as="firstlevel"> 
    <strong>[[firstlevel]]</strong><br> 
    <get-rowdetails idx="[[firstlevel]]"></get-rowdetails> 
</template> 
</template> 

ヘルプや詳細が必要な場合は、私を探してください。

関連する問題