Skip to content

jonotron/angular-selectable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-selectable

An angular module for selecting things

This module is born from the need to select things in interfaces in a flexible manner. It's not restricted to ng-click or some other opinionated way of marking items as selected. Just wire up your behaviour as you see fit.

Note: This is very much a work in progress and likely not to work.

Installation

npm install --save angular-selectable

Include the file in your html

<script src="node_modules/angular-selectable/angular-selectable.js"></script>

Add jbAngularSelectable to your module's dependencies

angular.module('MyApp', ['jbAngularSelectable']);

Usage

Inject the Selectable factory into your controllers and add expose it to your template

angular.module('MyApp')
.controller('myController', function($scope, Selectables) {
  $scope.pets = ['dog', 'cat', 'gerbil', 'bird'];
  $scope.selectables = new Selectables();
});

Use it in your templates

<ul>
  <li ng-repeat="pet in pets"
    ng-click="selectables.select(pet)">
    {{ pet }} <span ng-if="selectables.isSelected(pet)">picked me</span>
  </li>
</ul>

You can also try it out by serving up the root dir with your favourite static file server (e.g. http-server) and heading to /example (e.g. http://localhost:8080/example with http-server)

TODO

  • Documentation
  • Tests
  • Examples
  • All the things

License

MIT

About

An angular module for selecting things

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published