Regarding ng2-completer

Mandar Shinde

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.

3 Replies

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

Vikas7y ago
Accepted 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'];
}
Vikas7y ago
There will be no effect your code:)
Mandar Shinde7y ago
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.