angular2-tag-autocomplete-async
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

angular2-tag-autocomplete-async

Tag input component for Angular 2

Quick Start

// In one of your application NgModules
import {RlTagInputModule} from 'angular2-tag-autocomplete-async';

@NgModule({
  imports: [
    RlTagInputModule
  ]
})
export class YourModule {}

// In one of your component templates
<rl-tag-input [(ngModel)]="tags" placeholder="Testing placeholder"></rl-tag-input>

API

Inputs

Name Type Default Description
addOnBlur boolean true Whether to attempt to add a tag when the input loses focus.
addOnComma boolean true Whether to attempt to add a tag when the user presses comma.
addOnEnter boolean true Whether to attempt to add a tag when the user presses enter.
addOnPaste boolean true Whether to attempt to add a tags when the user pastes their clipboard contents.
addOnSpace boolean true Whether to attempt to add a tags when the user presses space.
allowDuplicates boolean false Allow duplicate tags.
allowedTagsPattern RegExp /.+/ RegExp that must match for a tag to be added.
autocomplete boolean false Toggle autocomplete mode on/off
autocompleteDebounceTime number 0 Debounce time for autocomplete
autocompleteItems string[] [] List of suggestions for autocomplete menu if value for autocompleteItemsCallback isn't specified
autocompleteItemsCallback (term: string) => Promise<any> null Callback for getting the suggestion list
autocompleteMaxItems number 10 The maximum number of items that appears in the suggestions list
autocompleteMustMatch boolean true Whether a tag must be present in the suggestions list to be valid
autocompleteSelectFirstItem boolean true Pre-highlight the first item in the suggestions list
minSearchTermLength number 1 Min search term length for autocomplete
placeholder string 'Add a tag' Placeholder for the <input> tag.

Outputs

Name Type Emitted Description
addTag string Emits the added tag string
removeTag string Emits the removed tag string

Package Sidebar

Install

npm i angular2-tag-autocomplete-async

Weekly Downloads

1

Version

1.0.0

License

ISC

Unpacked Size

152 kB

Total Files

48

Last publish

Collaborators

  • jayesh_linkwok