angular-tagger
angular-tagger copied to clipboard
Published
20 hours ago •
monterail
monterail
Pure Angular autocomplete with tags, no jQuery
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
- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request
monterail