ngTagInput

A AngularJS module that provides a special input text element to generate tags.

Added by: Sam Deering

GitHub

Repository

gbuomprisco/ngtaginput

Stats

Stars: 0

Watchers: 0

Forks: 0

Module Description

ngTagInput

A AngularJS module that provides a special input text element to generate tags.

Usage

Basic usage

<input-tag></input-tag>

Advanced Usage

Pre-load tags, use custom attribute @tags (use , to split tags)
<input-tag tags="Java,Scala"></input-tag>
Use custom template URL, use custom attribute @template
<input-tag template="../src/templates/ngInputTag.html"></input-tag>
Insert a placeholder, use custom attribute @placeholder
<input-tag placeholder="Add a new tag"></input-tag>
Enable/Disable animation, control animation duration
<input-tag animation="true" animation-duration="850"></input-tag>
Change label color based on Bootstrap's class names, use attribute @label-class
<input-tag label-class="danger"></input-tag>

Other possible classes

- primary (default)
- warning
- success
- danger (in the example)

TODO

  • cross browser compatibility
    • working in Chrome and FF, to be done for IE
  • get rid of Bootstrap [done]
  • improve Grunt tasks
  • provide DEMO page [in progress]
  • Bootstrap's Typeahead integration

Module stats last updated: 2015-04-19 05:16:49

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!