Displaying single search with multiple *ngFor angular2
<p>I created a search to filter out the data . </p>

<p>After accomplishing that, I encounter a problem such as when displaying the results, it will return together with the header .</p>

<p>I am trying to get rid of the header after data is key in... </p>

<p>Please see the images below as for better understanding 
<a href="https://i.stack.imgur.com/0ilMt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0ilMt.png" alt="enter image description here"></a></p>

<p>As For my codes in my html page. I feel that i have to adjust somewhere here. Do i have to use ngIf instead ?</p>

<pre><code>    &lt;h2&gt;41 New Icons&lt;/h2&gt; 

    &lt;div *ngFor="let item of _faData | filter: filterText" class="col-md-3 col-sm-4" [hidden]="item.hidden"&gt;
        &lt;i class="fa {{item.text}}"&gt;&lt;/i&gt;
        &lt;span class="sr-only"&gt;Example of &lt;/span&gt;{{item.text}}
    &lt;/div&gt; 
    &lt;br&gt;
    &lt;hr&gt;



        &lt;h2&gt;Web Application Icons&lt;/h2&gt; 

    &lt;div *ngFor="let item of _faDataWeb | filter: filterText" class="col-md-3 col-sm-4" [hidden]="item.hidden"&gt;
        &lt;i class="fa {{item.text}}"&gt;&lt;/i&gt;
        &lt;span class="sr-only"&gt;Example of &lt;/span&gt;{{item.text}}
    &lt;/div&gt; 

        &lt;hr&gt;
</code></pre>

<p>as for my array in ts file, i just declared it as </p>

<pre><code>  private _faData : Array&lt;any&gt; = [
  {..}
  {..}
  ];
</code></pre>