ngx-adibro-reusable-autocomplete

ngx-adibro-reusable-autocomplete for Angular 7+

This is an angular component for autocomplete.

For demos please visit

demos

Installation

npm install --save ngx-adibro-reusable-autocomplete@5.0.0

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 { NgxAdibroReusableAutocompleteModule } from 'ngx-adibro-reusable-autocomplete';

@NgModule({
  declarations: [
      ...
  ],
  imports: [
    ... ,
    BrowserModule,
    FormsModule,
    NgxAdibroReusableAutocompleteModule,
    ...
  ],
  providers: [ ... ],
  bootstrap: [...]
})
export class AppModule { }

In your HTML file you can do:

<ngx-adibro-reusable-autocomplete
  [items]="items"
  [(ngModel)]="myval"
  (ngModelChange) = "changedVal($event)"
  placeholder="placeholder"
></ngx-adibro-reusable-autocomplete
>

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 !!!