PrimeNg AutoComplete Suggestions are not loading

I am trying to implement PrimeNg AutoComplete control in my project.

I am referring this PrimeNg

These are the steps I have followed.

1. Added Module.

import { AutoCompleteModule } from 'primeng/autocomplete';


2. Imported Module

imports: [CommonModule, FormsModule, AutoCompleteModule],


3. Created Array of String.

brands: string[] = ['Audi', 'BMW', 'Fiat', 'Ford', 'Honda', 'Jaguar', 'Mercedes', 'Renault', 'Volvo', 'VW'];


4. Added p-template

<p-autoComplete [(ngModel)]="brand" [suggestions]="this.brands" (completeMethod)="search($event)" [size]="30 [minlength]="1" placeholder="Tags"></p-autoComplete>


On running project View is loaded but when I start typing in textbox, suggestions are not loading though loading gif is visible.

There is no error at console.

I have looked over some blogs and documentation before asking this but didn't find any solution.

Is there anything I am missing?

Continue reading...