Html 角度6：嵌套<；李>；标签在使用*NGF时表现非常糟糕

我正在使用ngFor指令来显示使用li标记的元素分层列表

Plunker URL：参见代码

当记录很大时（5k-10k），浏览器需要花费大量时间渲染。分析性能快照后，我发现大部分时间都花在计算和应用样式上。 注意：我没有使用任何自定义css或样式。现成的引导css正在应用于li标记

如果我将li标记与span标记交换，则性能将提高100倍。 我相信，由于span标记是一个内联元素，开箱即用的引导css不适用，而且性能良好

我已经尝试过使用，但没有效果

---

如何使用ngFor指令扩展嵌套li标签的性能？

您是否在未实时生成的情况下检查了性能？您正在使用for循环及其同步操作，因此您的浏览器将处于“卡住”模式，直到他完成生成，然后它将填充视图。@dAxx\ux：感谢您的帮助。我并不怀疑*ngFor指令或元素的生成，因为span标记工作得非常快。它是列表标签（样式？），这需要很多时间