Angular · Middle · Frage 75 von 75
Wie rendert man eine Liste mit 10.000 Zeilen, ohne 10.000 DOM-Knoten zu erzeugen?
<cdk-virtual-scroll-viewport itemSize="48" class="h-96">
<div *cdkVirtualFor="let row of rows">{{ row.name }}</div>
</cdk-virtual-scroll-viewport>- 1
@formittrack $indexan jeder Zeile - 2Ein
@defer-Block um die Liste herum - 3Virtual Scrolling aus dem Angular CDK
Antwort zeigen
Richtige Antwort: Virtual Scrolling aus dem Angular CDK
Erklärung
track hilft, DOM-Knoten wiederzuverwenden, verringert aber nicht ihre Zahl. Virtual Scrolling hält das DOM klein; Paginierung ist eine weitere Option.