jdewit / ez-checkbox

angular checkbox directive

ez-checkbox

A checkbox directive for AngularJS.

##Features

• Inverse selection (show check on falsy value)
• Non boolean true/false values
• Easily transclude a clickable label

##Installation

• run bower install ez-checkbox
• add ez.checkbox to your applications list of modules
• add sources to your html

	<link href="bower_components/ez-checkbox/dist/ez-checkbox.min.css" rel="stylesheet"/>
	<script src="bower_components/ez-checkbox/dist/ez-checkbox.min.js"></script>

##Requirements Bootstrap 3 or Font-Awesome

##Demo See Live Demo

##Usage

<ez-checkbox ng-model="form.isCool">This is cool</ez-checkbox>

##Config You can override the EzCheckboxConfig constant to set the check marks iconClass

myApp.run([function(EzCheckboxConfig) {
  // use font awesome icons
  EzCheckboxConfig.iconClass = 'fa fa-check';
});

##Attributes Add the following attributes to customize behaviour

• invert="true" - Show check on false value instead of true
• true-value="this-is-cool" - Will display check in checkbox if ng-model value === 'this-is-cool'

##Acknowledgements Thanks to angular-bootstrap-checkbox.