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

<ion-navbar *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-content padding class="getting-started">

  <ion-card *ngFor="#item of items">

    <ion-item>
      <h1>{{item.ref}}</h1>
    </ion-item>

    <ion-card-content>
      <br>
      <div *ngFor="#ch of item.cs">
        <h2 *ngIf="item.cs.length > 1"><b>Chapter {{ch.ch}}</b></h2>
        <span *ngFor="#vs of ch.vss"><b>{{vs.v}}.</b> <span *ngFor="#w of vs.w">{{w.t}}</span><br></span>
      </div>
    </ion-card-content>

    <ion-item>
      <button primary clear item-left>
      <ion-icon name="thumbs-up"></ion-icon>
      <div>12 Likes</div>
    </button>
      <button primary clear item-left>
      <ion-icon name="text"></ion-icon>
      <div>4 Comments</div>
    </button>
    </ion-item>

  </ion-card>

</ion-content>