dynamicbible/DynamicBibleIonic/app/pages/search/search.html

<ion-header>
    <ion-navbar>
        <button menuToggle>
            <ion-icon name="menu"></ion-icon>
        </button>
        <ion-searchbar [(ngmodel)]="searchQuery" (search)="getItems($event)" (input)="setQuery($event)"></ion-searchbar>
    </ion-navbar>
</ion-header>
<ion-content padding class="search-card">
    <ion-card *ngFor="let item of items" (swipe)="removeItem(item)">
        <dcl-wrapper [data]="item.data" [type]="item.type"></dcl-wrapper>
        <ion-item>
            <button primary clear item-left (click)="removeItem(item)">
                <ion-icon name="close-circle"></ion-icon>
                <div>Close</div>
            </button>
            <button primary clear item-left>
                <ion-icon name="text"></ion-icon>
                <div>4 Comments</div>
            </button>
        </ion-item>
    </ion-card>
</ion-content>