1.0.4 • Published 6 years ago

angular-sliding-tags v1.0.4

Weekly downloads
4
License
MIT
Repository
github
Last release
6 years ago

angular-sliding-tags

npm version Build Status

DEMO
Codepen

Source from: sliding tags (Thanks to Thibaut). Learn its style and implement it with a input in angular way

npm.io

Prerequisites

angularjs

Installation

You can install this package either with npm or with bower.

npm

npm install angular-sliding-tags

Then add a <script> and <link> to your index.html:

<link rel="stylesheet" href="/node_modules/angular-sliding-tags/dist/css/sliding-tags.css">
<script src="/node_modules/angular-sliding-tags/dist/js/sliding-tags-input.js"></script>

bower

bower install angular-sliding-tags

Then add a <script> and <link> to your index.html:

<link rel="stylesheet" href="/bower_components/angular-sliding-tags/dist/css/sliding-tags.css">
<script src="/bower_components/angular-sliding-tags/dist/js/sliding-tags-input.js"></script>

Include the module in app

var app = angular.module('app', ['sliding.tags']);

Usage

Declare your model with attributes name and count in your controller. For example:

$scope.tags = [  
    {name: 'example', count: 0}  
]  

Then add a <sliding-tags-input ng-model='tags'></sliding-tags-input> to your <body> with nd-model

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. Submit a pull request :D

History

Credits

License

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

7 years ago

1.0.0

7 years ago