Tags Input https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples

jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

Base

True multi value

Objects as tags

Categorizing tags

Colors





States

Sizes

Add the .bootstrap-tagsinput-{size} class to the parent container to change input's size.


See the usage documentation at https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples

Usage


require(['jquery', 'px/extensions/bootstrap-tagsinput'], function($) {
  ...
});
See the documentation at https://github.com/mbenford/ngTagsInput

Usage

To use ngTagsInput plugin, you need to include the next scripts:


<script src="path/to/js/libs/ng-tags-input.js"></script>

Then inject the plugin into your angular application:

angular.module('yourApp', ['ngTagsInput']);

Alternatively, you can include ngTagsInput plugin using ocLazyLoad plugin:


$ocLazyLoad.load([
  {
    name: 'ngTagsInput',
    files: [
      'path/to/js/libs/ng-tags-input.js',
    ],
  },
]);

Example