Xrely Autocomplete

Xrely Autocomplete package gives you hessle free integration with your current Angular Project.

Install

npm install @xrely/angular-autocomplete

Integration Code

<div class="x-autocomplete">
  <x-auto-autocomplete #xAutoComplete
		(selected)='selectEvent($event)'
		[itemTemplate]="itemTemplate"
		[notFoundTemplate]="notFoundTemplate"
		[config]="{'seachAPIKey':'####SeachAPIKey###'}">
  </x-auto-autocomplete>
  <ng-template #itemTemplate let-item>
    <a href="{{item.url}}" >
      {{item.keyword}}
    </a>
  </ng-template>
</div>

API Interface

| Property | Description | Type | | ------------- |:-------------:| -----:| | [itemTemplate] | Provide Template ref for sugession, For each suggestion this template will be rendered item variable will be available with data | TemplateRef | | [notFoundTemplate] | Provide Template ref if no result available for entered term | TemplateRef | | [config] | Config Json contains Public API key available under API key Section of your index. Sample JSON: {'seachAPIKey':'####SeachAPIKey###'} | JSON | | (selected) | Event will be emmited when user selects suggestion | Emmiter<any> |

Further Guide

Please click to know more Please feel free to contact us on [email protected]