1.0.5 • Published 3 years ago
@xrely/angular-autocomplete v1.0.5
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 info@xrely.com