Regarding ng2-completer

Question

Dear All, I was developing small project using Angular 6 and ASP.net MVC 5 with Rest Api. while developing I am facing one problem related to ng2-autocompleter , completer works fine but issue is that I am using ngModel to that completer. I am able to store that value and even retrieve that value but if that value gets assign to that then getting error of following :- ERROR TypeError: Cannot read property 'search' of undefined at CtrList.push../node_modules/ng2-completer/esm5/ng2-completer.js.CtrList.searchTimerComplete please let me know any easy solution to overcome on above problem. If I need to use any other autocompleter then please let me know. Any suggestion will be acceptable. Thanking you in advanced.

Vikas · Answer

Hi Mandar, You should use Angular Material Autocomplete npm i material.autocomplete after that you should add refrence on your angular project app.module.ts form class = "example-form" > mat-form-field class = "example-full-width" > input type = "text" placeholder = "Pick one" aria-label = "Number" matInput [formControl]="myControl" [matAutocomplete]="auto" > mat-autocomplete # auto = "matAutocomplete" > mat-option * ngFor = "let option of options" [value]="option" > {{option}} mat-option > mat-autocomplete > mat-form-field > form > .ts file import {Component} from '@angular/core' ; import {FormControl} from '@angular/forms' ; /** * @title Simple autocomplete */ @Component({ selector: 'autocomplete-simple-example' , templateUrl: 'autocomplete-simple-example.html' , styleUrls: [ 'autocomplete-simple-example.css' ], }) export class AutocompleteSimpleExample { myControl = new FormControl(); options: string[] = [ 'One' , 'Two' , 'Three' ]; }

Vikas · Answer

There will be no effect your code:)

Mandar Shinde · Answer

Thank you Vikas sir, Will it effect on my other code if I installed Angular Material Autocomplete ? I will try this one. Thank you once again.