title: PrimeNg AutoComplete Suggestions are not loading
body: <p>I am trying to implement PrimeNg AutoComplete control in my project.</p>
  
  <p>I am referring this <a href="https://www.primefaces.org/primeng/#/autocomplete" rel="nofollow noreferrer">PrimeNg</a> </p>
  
  <p>These are the steps I have followed.</p>
  
  <p><strong>1. Added Module.</strong></p>
  
  <pre><code>import { AutoCompleteModule } from 'primeng/autocomplete';
  </code></pre>
  
  <p><strong>2. Imported Module</strong></p>
  
  <pre><code> imports: [CommonModule, FormsModule, AutoCompleteModule],
  </code></pre>
  
  <p><strong>3. Created Array of String.</strong></p>
  
  <pre><code>  brands: string[] = ['Audi', 'BMW', 'Fiat', 'Ford', 'Honda', 'Jaguar', 'Mercedes', 'Renault', 'Volvo', 'VW'];
  </code></pre>
  
  <p><strong>4. Added p-template</strong></p>
  
  <pre><code>    &lt;p-autoComplete [(ngModel)]="brand" [suggestions]="this.brands" (completeMethod)="search($event)" [size]="30 [minlength]="1" placeholder="Tags"&gt;&lt;/p-autoComplete&gt;
  </code></pre>
  
  <p>On running project View is loaded but when I start typing in textbox, suggestions are not loading though loading gif is visible.</p>
  
  <p>There is no error at console.</p>
  
  <p>I have looked over all blogs and documentation before asking this but didnt find any solution.</p>
  
  <p>Is there anything I am missing!</p>
  
  <p>Any help is highly appreciated.</p>