node package manager
Easy sharing. Manage teams and permissions with one click. Create a free org »

angularjs-taira-multiselect

Angularjs Taira Multiselect

Simple, Easy to use and Flexible Multiselect directive for AngularJS

Demo & Examples

Full examples and documentation can be found here: http://ybrodsky.github.io/angularjs-taira-multiselect/

Instalation

npm install angularjs-taira-multiselect

Taira Multiselect relies on Ui-Bootstrap and Lodash

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script> 
  <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.2.js"></script> 
  <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> 
  
  <!--Taira Multiselect-->
  <script type="text/javascript" src="js/taira.multiselect.min.js"></script> 
  
  <!--Bootstrap css-->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

Basic setup

  var myApp = angular.module('myApp', ['ui.bootstrap', 'taira-multiselect']);
  <taira-multiselect model="selected" options="dataSet" settings="settings"></taira-multiselect>
  $scope.selected = [];
  $scope.dataSet = [
    {id: 1, name: 'Alejo', surname: 'Gerlingstein'},
    {id: 2, name: 'Topo', surname: 'Noesuficiente'},
    {id: 2, name: 'Vivian', surname: 'Redox'},
  ];
  $scope.settings = {
    display: {
      fields: ['name']        
    }
  };

For more extensive examples and a full display of all the configurations, go here: http://ybrodsky.github.io/angularjs-taira-multiselect/