title: Show suggestion on focus using PrimeNG autocomplete component
body: <p>I would make autocomplete showing suggestion when user click on input field.</p>
  
  <p>For the moment suggestions are showed only if user enter characters.</p>
  
  <pre><code>&lt;p-autoComplete [formControl]="control.controls.EJ_Id_Name" 
    [suggestions]="results" 
    (completeMethod)="search($event,'EJ')" 
    emptyMessage={{noResult}} 
    [autoHighlight]="true"&gt;
  &lt;/p-autoComplete&gt;
  </code></pre>
  
  <p>I have tried to add <code>(onFocus)</code> and pass to it <code>search($event,'EJ')</code></p>
  
  <p>Here's my search function :</p>
  
  <pre><code>search(event, type) {
      this.searchRmpmService.getResults(event.query, type).then(data =&gt; {
          console.log(event);
          if(event.query){
              this.results = this.filterResults(event.query, data);
              console.log(this.results)
          }
          else {
  
              this.results = ["onfocus"];
              console.log(this.results) // I get "onfocus" on my devtool browser when I focus on the input            }
  
      });
  }
  </code></pre>
  
  <p><code>onFocus()</code> does not show me a suggestion list, I guess that I should call <code>(completeMethod)</code> in <code>onFocus</code>   but I don't know how ?</p>