title: how to filter(search) name from api data in angular without using pipe
body: <p>I want to search zone name coming from api without using pipe.
  Here is my html code</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="search"&gt;
    &lt;input #name type="text" placeholder="Search.." name="search"&gt;
    &lt;button (click)="searchText(name.value)" type="submit"&gt;
      &lt;i class="fa fa-search"&gt;&lt;/i&gt;
    &lt;/button&gt;
  &lt;/div&gt;
  
  &lt;table class="table table-striped tabs"&gt;
    &lt;tbody&gt;
      &lt;tr *ngFor="let data of h; let i = index"&gt;
        &lt;td&gt;{{i+1}}&lt;/td&gt;
        &lt;td&gt;{{data.zone_name}}&lt;/td&gt;
        &lt;td&gt;{{data.zone_id}}&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>below is my ts code for search</p>
  
  <pre class="lang-js prettyprint-override"><code>searchText(name: string){
     this.zoneName = name;
     this.http.get('http://192.168.8.219:8833/zonedata/'+ 
     this.zoneName).subscribe((obj)=&gt;{
        console.log(obj);
     })
  }
  </code></pre>