Angular version: 1.3.0

How to use the ngAria module by @kentcdodds


Demo

Input:
{
"ng-model": "vm.input",
"class": "ng-pristine ng-untouched ng-valid",
"tabindex": "0",
"aria-invalid": "false"
}
Textarea:
{
"ng-model": "vm.textarea",
"class": "ng-pristine ng-untouched ng-valid",
"aria-multiline": "true",
"tabindex": "0",
"aria-invalid": "false"
}
Radio:
{
"name": "myRadio",
"type": "radio",
"ng-model": "vm.radio",
"value": "1",
"class": "ng-pristine ng-untouched ng-valid",
"aria-checked": "true",
"tabindex": "0",
"aria-invalid": "false"
}
{
"name": "myRadio",
"type": "radio",
"ng-model": "vm.radio",
"value": "2",
"class": "ng-pristine ng-untouched ng-valid",
"aria-checked": "false",
"tabindex": "-1",
"aria-invalid": "false"
}
Checkbox:
{
"type": "checkbox",
"ng-model": "vm.checkbox",
"class": "ng-pristine ng-untouched ng-valid",
"tabindex": "0",
"aria-checked": "false",
"aria-invalid": "false"
}
Range:
{
"type": "range",
"ng-model": "vm.range",
"min": "0",
"max": "25",
"class": "ng-pristine ng-untouched ng-valid",
"aria-valuemin": "0",
"aria-valuemax": "25",
"tabindex": "0",
"aria-invalid": "false"
}
Hide/Show:
{
"ng-show": "vm.show",
"ng-model": "hidden",
"class": "ng-pristine ng-untouched ng-valid",
"tabindex": "0",
"aria-hidden": "true",
"aria-invalid": "false"
}
Invalid:
{
"type": "email",
"ng-model": "vm.email",
"class": "ng-pristine ng-untouched ng-valid",
"tabindex": "0",
"aria-invalid": "false"
}
Required:
{
"ng-model": "vm.required",
"required": "",
"class": "ng-pristine ng-untouched ng-valid",
"tabindex": "0",
"aria-required": "true",
"aria-invalid": "true"
}
Disabled:
{
"type": "submit",
"ng-disabled": "vm.disable"
}
Edit in JS Bin