2016-10-03 9 views
1

私は画面に完全にレンダリングするのに10秒かかる非常に大きなdom-repeatを持っています。それが完全にレンダリングされるまで、ステップバイステップでdom-repeatの一部をレンダリングする方法はありますか?Polymer 1.0 dom-repeatを遅延レンダーする方法

<template is="dom-repeat" items="{{itemList}}"> 
    <span>{{item}}</span> 
</template> 

私のアプリでは、トリプルネストされたドミトリーリピートなので、リストは約16000エントリ長いです。私はこれをレンダリングするために使用しますpaper-menupaper-submenu

+1

中のポリマー改ページコンポーネントに見てくださいあなたは、レンダリングするために[ '鉄-list'](https://elements.polymer-project.org/elements/iron-list)を使用する必要がありますアイテムのビューポートに表示されるサブセットのみ。 – tony19

+0

@ tony19ありがとう!私はこれを 'paper-menu'と' paper-submenu'で表現するように指定するべきです。各メニュー項目にはサブメニューがあり、合計3つのレイヤーがあります。だからこそ時間がかかります。 'paper-submenu'はビューポートに表示される項目だけを読み込むべきだと思うでしょうが、明らかにそれらはありません:( –

+0

メニュー内の16000項目は非常に高く、おそらくUXの問題です。 (メニュー項目を展開するときやスクロールするとき) – tony19

答えて

関連する問題