title: how to create search bar dropdown in angular 4?
body: <p>I have created below search bar component which interacts with API every time a key is pressed.</p>
  
  <pre><code>&lt;div class="fill-remaining-space"&gt;
    &lt;md-input-container class="example-full-width" color="accent"&gt;
      &lt;md-icon mdPrefix&gt;search&lt;/md-icon&gt;
      &lt;input type="text" mdInput #input (keyup)="search(input)"&gt;
      &lt;md-icon mdSuffix *ngIf="input.value.length &gt; 0" (click)="input.value=''"&gt;clear&lt;/md-icon&gt;
    &lt;/md-input-container&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I am getting results array in my component.ts file. I want to show a dropdown below this search bar when results are fetched from db.
  I tried doing multiple things like applying *ngIf on list. but all in vain.</p>
  
  <p>Is there any simple solution which can allow me to show a dropdown list after I start typings characters in search box input?</p>
  
  <p>Thanks in advance.</p>