title: How to search title of the elements in navigation using searchbar in scriptionic-v2 typescript
body: <p>I want to search the title of the elements in the navigation using the searchbar.</p>
  
  <p>I want to add a search function in the following code.</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  import { NavController, NavParams } from 'ionic-angular';
  
  @Component({
    selector: 'page-emergency',
    templateUrl: 'emergency.html'
  })
  
  @Component({
    templateUrl: 'emergency_details.html',
  })
  export class EmergencyDetailsPage {
    item;
  
    constructor(params: NavParams) {
      this.item = params.data.item;
    }
  }
  
  @Component({
    template: `
  &lt;ion-header&gt;
    &lt;ion-navbar&gt;
      &lt;ion-title&gt;응급&lt;/ion-title&gt;
      &lt;ion-searchbar (ionInput)="getItems($event)"&gt;&lt;/ion-searchbar&gt;
    &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  &lt;ion-content&gt;
    &lt;ion-list&gt;
      &lt;button ion-item *ngFor="let item of items" (click)="openNavDetailsPage(item)" icon-left&gt;
        &lt;ion-icon [name]="'logo-' + item.icon" [ngStyle]="{'color': item.color}" item-left&gt;&lt;/ion-icon&gt;
        {{ item.title }}
      &lt;/button&gt;
    &lt;/ion-list&gt;
  &lt;/ion-content&gt;
  `
  })
  export class EmergencyPage {
    items;
  
    constructor(public nav: NavController) {
      this.items = [
        {
          'title': 'Angular',
          'icon': 'angular',
          'description': 'A powerful Javascript framework for building single page apps. Angular is open source, and maintained by Google.',
          'color': '#E63135'
        },
        {
          'title': 'CSS3',
          'icon': 'css3',
          'description': 'The latest version of cascading stylesheets - the styling language of the web!',
          'color': '#0CA9EA'
        }
      ]
    }
  
    openNavDetailsPage(item) {
      this.nav.push(EmergencyDetailsPage, { item: item });
    }
  
  }
  </code></pre>