angular-tagger

Pure Angular autocomplete with tags, no jQuery

Angular Core Dependency: ~1.0.7

Module License: MIT

Added by: Sam Deering

GitHub

Repository

monterail/angular-tagger

Stats

Stars: 47

Watchers: 47

Forks: 16

Author

Monterail
Monterail

Module Description

Pure Angular tagger, without jQuery

angular.module('myApp', ['tagger']);
// ...

$scope.options = ["Text", "Markdown", "HTML", "PHP", "Python",
                  "Java", "JavaScript", "Ruby", "VHDL",
                  "Verilog", "C#", "C/C++"]
$scope.tags = ["Markdown", "Ruby"]
<tagger ng-model="tags" options="options"/>

Configuration

Attribute name | Description ----|--- disable-new | Disables adding new item.
Example: <tagger ng-model="tags" disable-new> limit | Limit number of selected values.
Example: <tagger ng-model="tags" limit="5"> display-fun | Function for formatting value.
Example: <tagger ng-model="tags" display-fun="showName"> placeholder | Placeholder string.
Example: <tagger ng-model="tags" placeholder="Select something"> single | Make it a single select with slightly different behavior.
Example: <tagger ng-model="tags" single>

Development

npm install
bower install
grunt watch
open test/index.html

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Module stats last updated: 2017-02-07 16:00:03

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!