Angular · Middle · Запитання 75 з 75
Як відрендерити список із 10 000 рядків, не створюючи 10 000 DOM-вузлів?
<cdk-virtual-scroll-viewport itemSize="48" class="h-96">
<div *cdkVirtualFor="let row of rows">{{ row.name }}</div>
</cdk-virtual-scroll-viewport>- ✓Правильна відповідь: Використати віртуальний скрол з Angular CDK, що рендерить лише видимі рядки
- 2Використати
@forзtrack $index - 3Обгорнути список у
@defer
Пояснення
track допомагає перевикористовувати DOM-вузли, але не зменшує їхню кількість. Віртуальний скрол тримає DOM маленьким; інший варіант - пагінація.