UNPKG

angular-three-state-checkbox

Version:

Angular directive of three-state checkbox. Useful for sorting. Default template: 'Material design'

github.com/antontemchenko/three-state-checkbox

antontemchenko/three-state-checkbox

60 lines (40 loc) • 1.55 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
##Three-state checkbox Angular directive of three state checkbox. Useful for sorting. Default template: 'Material design' ___ ##[DEMO](http://anton.temchenko.com.ua/dev/three-state-checkbox/demo/) ![three-state checkbox](http://blogjs.github.io/public/three-state-checkbox.png) ___ ##Getting Started Installing package via **NPM**<br/> ![npm logo](http://blogjs.github.io/public/npm-logo.png)<br/> `npm i angular-three-state-checkbox --save` ___ Installing package via **Bower** <br/><br/> ![bower logo](http://blogjs.github.io/public/bower-logo.svg)<br/><br/> `bower install three-state-checkbox --save` ___ ##How to use * Include `three-state-checkbox.js` and `three-state-checkbox.css` to your _index.html_ * Add `threeStateCheckbox` as dependency to your angular module * Use directive by adding `three-state-checkbox` as **attribute** to your element _(`<span>`)_ * `ng-model` **is required** * You can use `ng-change` directive either <!-- Pass your options as Object through options attribute--> ___ ##Example angular.module("myApp", ["threeStateCheckbox"]) .controller("myCtrl",[function(){ this.checkboxModel = null; this.onChange = function(){ console.log("changed"); } }]); <!-- --> <body ng-app="myApp" ng-controller="myCtrl as mc"> <span three-state-checkbox ng-model="mc.checkboxModel" ng-change="mc.onChange()"></span> </body> ___ ## License [MIT](/LICENSE)