autocomplete Filter Not work when I write on text box?

I work on autocomplete text box on angular 7 I face issue when I write on text box

search or filter not work and not give me result .

actually when I write on text box auto complete related data must display but this not happen .

DeliverySystemComponent.ts
export class DeliverySystemComponent implements OnInit {
myControl = new FormControl();
ExportOptions: deliverysys[];
constructor(private http: HttpClient,private _dataService: DeliverySysService) {
this._dataService.getExport().subscribe(data => { this.ExportOptions = data
console.log(this.ExportOptions)
});
}
getselected(value,index) {
console.log("selected is" + index)
}
}

this display data as below :

DeliverySystemComponent.html
class="example-full-width">
"text" placeholder="Select Exporter" aria-label="Number" matInput [formControl]="myControl" [matAutocomplete]="auto">
"matAutocomplete" >
"getselected(exp.optionName,i+1)" *ngFor="let exp of this.ExportOptions;let i = index" [value]="exp.optionName">
{{exp.optionName}}

as you see image below when write any text not found

not give me not found

also if word I write found auto complete not changed and not give me related result

so How to solve issue of not displaying data related when I write or filter data ?

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajendran S5y ago
Are you try this

https://stackoverflow.com/questions/27996672/autocomplete-textbox-and-angularjs

https://www.c-sharpcorner.com/article/implement-auto-complete-textbox-using-angularjs-in-mvc5/
ahmed elbarbary5y ago
this is jquery answer
but i work on angular 7
so this answer will not useful for me
can you give me another answer for my issue
Rajendran S5y ago
6/5/2021 5:58:26 PM
Hi

Try the below link it will you

https://www.aspsnippets.com/Articles/Display-No-results-found-message-No-match-found-message-in-jQuery-AutoComplete.aspx

https://www.c-sharpcorner.com/article/implement-auto-complete-textbox-using-angularjs-in-mvc5/