All files / components/virtual-scroller virtual-scroller.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<cdk-virtual-scroll-viewport class="virtual-scroller-viewport">
    @if (itemTemplate(); as template) {
        <div
            *cdkVirtualFor="let item of items(); let i = index; trackBy: trackByFn()"
            class="virtual-scroller-item"
        >
            <ng-container
                [ngTemplateOutlet]="template"
                [ngTemplateOutletContext]="{ $implicit: item, index: i }"
            />
        </div>
    } @else {
        <div
            *cdkVirtualFor="let item of items(); trackBy: trackByFn()"
            class="virtual-scroller-item virtual-scroller-item--default"
        >
            {{ item }}
        </div>
    }
 
    @if (showLoadingIndicator()) {
        <div class="virtual-scroller-loading">
            <ui-spinner
                [diameter]="24"
                [strokeWidth]="3"
            />
        </div>
    }
</cdk-virtual-scroll-viewport>