dspace-angular/src/app/object-list/object-list.component.html

<ds-pagination [paginationOptions]="config"
               [pageInfoState]="pageInfo"
               [collectionSize]="(pageInfo | async)?.totalElements"
               [sortOptions]="sortConfig"
               [hideGear]="hideGear"
               [hidePagerWhenSinglePage]="hidePagerWhenSinglePage"
               (pageChange)="onPageChange($event)"
               (pageSizeChange)="onPageSizeChange($event)"
               (sortDirectionChange)="onSortDirectionChange($event)"
               (sortFieldChange)="onSortDirectionChange($event)"
               (paginationChange)="onPaginationChange($event)">
    <ul *ngIf="objects.hasSucceeded | async" @fadeIn> <!--class="list-unstyled"-->
        <li *ngFor="let object of (objects.payload | async) | paginate: { itemsPerPage: (pageInfo | async)?.elementsPerPage, currentPage: (pageInfo | async)?.currentPage, totalItems: (pageInfo | async)?.totalElements }">
            <ds-wrapper-list-element [object]="object"></ds-wrapper-list-element>
        </li>
    </ul>
    <ds-error *ngIf="objects.hasFailed | async" message="Error fetching"></ds-error>
    <ds-loading *ngIf="objects.isLoading | async" message="Loading..."></ds-loading>
</ds-pagination>