Allow only valid selection in autocomplete

[Stefanos Chrs]

Hello, is there a way to allow only a valid option to be stored in the autocomplete value? My scenarios is to have the following DataSource `['hello']` and if the user types `h` and doesn't click the 'hello' option to not trigger a value change event.

[Ponmani Murugaiyan]

 Hi Stefanos, 

We suggest you to disable the allowCustom property to allow only the items present in the datasource as per your requirement. 

API: https://ej2.syncfusion.com/angular/documentation/api/auto-complete/#allowcustom 

Sample: https://stackblitz.com/edit/angular-rssf8w?file=app.component.ts 

<ejs-autocomplete 

        id="games" 

        #sample 

        [dataSource]="sportsData" 

        [(value)]="value" 

        [placeholder]="waterMark" 

        [fields]="fields" 

        (change)="onChange($event)" 

        [allowCustom]="false" 

      ></ejs-autocomplete> 

Regards, 

Ponmani M 

[Stefanos Chrs]

Exactly what I wanted, thanks!

[Ponmani Murugaiyan]

Hi Stefanos, 

Welcome, we are glad to hear that the issue has been resolved.  

Regards, 

Ponmani M