AngularTagsInput (@iomechs/angular-tags-input)

A simple tags input library for Angular. Supports nested elements and a lot of flexibility to the developers. (README to be updated)

Usage

Install the package in your project's folder by using npm or yarn:

npm install @iomechs/angular-tags-input --save
# OR
yarn add @iomechs/angular-tags-input -S

Import AngularTagsInputModule in your AppModule as below:

import { AngularTagsInputModule } from '@iomechs/angular-tags-input';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    AngularTagsInputModule, // <-- here
  ]
});

Then in your HTML, you can use as:

  <ti-angular-tags-input
    formControlName="locations" [tagsData]="(data$ | async)"
    (valueChanged)="onTagInputValueChange($event)"
    [config]="tagsInputConfig">
  </ti-angular-tags-input>

Compatibility

All released versions of this library (up to tag 0.1.16) are compatible with Angular ^8.2.11.

Use 1.x.x for Angular ^15.x.x