Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adibro500/ngx-adibro-reusable-autocomplete-lib
https://github.com/adibro500/ngx-adibro-reusable-autocomplete-lib
Last synced: 25 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/adibro500/ngx-adibro-reusable-autocomplete-lib
- Owner: adibro500
- Created: 2018-12-09T07:33:24.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-09T07:35:23.000Z (about 6 years ago)
- Last Synced: 2024-11-08T17:53:10.219Z (3 months ago)
- Language: TypeScript
- Size: 112 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ngx-adibro-autocomplete for Angular 7+
This is an angular component for autocomplete.
# For demos please visit
[demos](abhorrent-measure.surge.sh)
## Installation
```
npm install --save ngx-adibro-autocomplete
```## Usage
### Inside app.module file import the module:
```
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';import { FormsModule } from '@angular/forms';
import { NgxAdibroAutocompleteModule } from 'ngx-adibro-autocomplete';@NgModule({
declarations: [
...
],
imports: [
... ,
BrowserModule,
FormsModule,
NgxAdibroAutocompleteModule,
...
],
providers: [ ... ],
bootstrap: [...]
})
export class AppModule { }```
### In your HTML file you can do:
```
```
### In your TS file:
```
myval: any;
public items = [
"Eve",
"Charles",
"Tracey",
...
]changedVal($event){
console.log($event);}
```### We support:
1. items must be an array of strings
2. currently only strings are supported## That's it
Have fun !!!