2016-10-03 71 views
1

我有一個非常大的DOM重複,需要10秒才能完全呈現在屏幕上。無論如何都要一步一步渲染dom-repeat的一部分,直到它完全呈現?聚合物1.0如何懶惰渲染DOM重複

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

該列表大約16000個條目長,只要在我的應用程序中它是一個三重嵌套dom重複。我用它來渲染paper-menupaper-submenu

+1

您應該使用['鐵list'](https://elements.polymer-project.org/elements/iron-list)來呈現只有視口可見的項目子集。 – tony19

+0

@ tony19謝謝!雖然我應該指定我用'paper-menu'和'paper-submenu'來渲染它。每個菜單項都有子菜單,共有3層。這就是爲什麼需要這麼長時間。你會認爲'紙 - 子菜單'應該延遲加載視口可見項目,但顯然他們不:( –

+0

16000在菜單中的項目似乎非常高,可能是UX的問題。無論如何,你可能動態加載菜單項(擴展菜單項或滾動時) – tony19

回答