Angular · Middle · Pytanie 75 z 75
Jak wyrenderować listę 10 000 wierszy bez tworzenia 10 000 węzłów DOM?
<cdk-virtual-scroll-viewport itemSize="48" class="h-96">
<div *cdkVirtualFor="let row of rows">{{ row.name }}</div>
</cdk-virtual-scroll-viewport>- ✓Poprawna odpowiedź: Użyć wirtualnego przewijania z Angular CDK, które renderuje tylko widoczne wiersze
- 2Użyć
@forztrack $index - 3Opakować listę w
@defer
Wyjaśnienie
track pomaga ponownie używać węzłów DOM, ale nie zmniejsza ich liczby. Wirtualne przewijanie utrzymuje mały DOM; inną opcją jest paginacja.