Angular Pretty Checkable Demo

This is the demo of Angular Pretty Checkable. A pretty checkable directive based on jQuery Pretty Checkable.

View source on this page to see the various options available (also available in the github repo).

For more information and full documents see Github

Checkboxes



Values: {{myModel.one}}, {{myModel.two}}, {{myModel.three}}, {{myModel.four}}, {{myModel.five}}

Checkboxes (custom values)



Values: {{myModel.yahoo}}, {{myModel.wahoo}}, {{myModel.tahoo}}

Radios



Value: {{myModel.radio}}

Radios in ngRepeat



Value: {{myModel.radios}}

Dynamic disabling



{{disableChecks ? 'disabled' : 'enabled'}}

Multiple checkbox

3 checkboxes. 1 model.



Value: {{multiTest}}

Check / radio with Label Left

Custom HTML labels



Values: {{myModel.html1}}, {{myModel.html2}}

ng-required



Value: {{myModel.terms}}
Form Valid: {{termsForm.$valid}}
Field Pristine: {{termsForm.tcheck.$pristine}}
Field Valid: {{termsForm.tcheck.$valid}}

Custom sprite sheet

Checkboxes



Values: {{myModel.one}}, {{myModel.two}}, {{myModel.three}}, {{myModel.four}}, {{myModel.five}}

Checkboxes (custom values)



Values: {{myModel.yahoo}}, {{myModel.wahoo}}, {{myModel.tahoo}}

Radios



Value: {{myModel.radio}}