时间戳

首页 > 解决方案 > Angular 6：嵌套

  • 使用 *ngFor Angular 标签的表现非常糟糕

    • html - Angular 6：嵌套
  • 使用 *ngFor Angular 标签的表现非常糟糕

    • 问题描述

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

    Plunker URL：请参见此处的代码

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

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

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

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

    标签： htmlcsshtml-listsangular6ngfor

    解决方案

    推荐阅读