dynamicbible/DynamicBibleIonic/src/pages/search/search.html

<ion-header>
    <ion-navbar>
        <button ion-button icon-only menuToggle left>
            <ion-icon name="menu" large></ion-icon>
        </button>
        <ion-searchbar (search)="getQuery($event)" (input)="setQuery($event)" [showCancelButton]="true"></ion-searchbar>
    </ion-navbar>
</ion-header>
<ion-content padding class="search-card">
    <!--<ion-list [virtualScroll]="userProfile.user.items" no-lines approxItemHeight="200px" bufferRatio="10">
        <div *virtualItem="let item" style="width: 100%">
            <ion-card>
                <passage *ngIf="isPassage(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" [dict]="item.dict" (onStrongsClicked)="getItemsNextToCard($event)"></passage>
                <strongs *ngIf="isStrongs(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></strongs>
                <words *ngIf="isWords(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></words>
                <button ion-button icon-left clear small (click)="removeItem(item)">
                    <ion-icon name="close-circle"></ion-icon>
                    <div>Close</div>
                </button>
            </ion-card>
            <div style="height:10px"></div>
        </div>
    </ion-list>-->

    <ion-card *ngFor="let item of userProfile.user.items">
        <error   *ngIf="isError(item.type)"   [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)"></error>
        <passage *ngIf="isPassage(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" [dict]="item.dict" (onStrongsClicked)="getItemsNextToCard($event)"></passage>
        <strongs *ngIf="isStrongs(item.type)" [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></strongs>
        <words   *ngIf="isWords(item.type)"   [cardItem]="item" [item]="item.data" (onClose)="removeItem($event)" (onPassageClicked)="getItemsNextToCard($event)"></words>
        <button ion-button icon-left clear small (click)="removeItem(item)">
            <ion-icon name="close-circle"></ion-icon>
            <div>Close</div>
        </button>
    </ion-card>
</ion-content>