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)">
        <ion-card-title class="title" padding>{{item.ref}}</ion-card-title>
        <ion-card-content>
            <div *ngFor="let ch of item.cs">
                <br>
                <h2 *ngIf="item.cs.length > 1"><b>Chapter {{ch.ch}}</b></h2>
                <span *ngFor="let vs of ch.vss"><b>{{vs.v}}.</b> <span *ngFor="let w of vs.w">{{w.t}}</span><br></span>
            </div>
        </ion-card-content>
        <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>