Angular2-tag-autocomplete-async NPM

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

angular2 tag input taginput tags chips chips input multiselect

@everything-registry/sub-chunk-1138 @infinitebrahmanuniverse/nolb-angular2

1.0.0

6 years ago