angular-sliding-tags

1.0.4 • Public • Published

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

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

Readme

Keywords

Package Sidebar

Install

npm i angular-sliding-tags

Weekly Downloads

6

Version

1.0.4

License

MIT

Last publish

Collaborators

  • boo0330