<div [class]="'app-scroll-paging-' + position">
    <div [class]="classStr" #AppScrollPaging>
        <div *ngFor="let item of items;let i = index;" [id]="item.id" [class]="'paging-item ' + position" (click)="activePaging(i, item.id)" [ngClass]="{'active': item.id === active}">
            <div *ngIf="!template" class="paging-item-content">
                <span>{{ item.text }}</span><ion-badge *ngIf="item.counter" class="badge" color="primary">{{ item.counter }}</ion-badge>
            </div>
            <ng-container *ngTemplateOutlet="template; context: { '$implicit': item }"></ng-container>
        </div>
    </div>
    <ion-content style="height: calc(100vh - 36px);" class="app-scroll-paging-content">
        <ng-content></ng-content>
    </ion-content>
</div>