Form Animation

• .ng-valid

• .ng-invalid

• .ng-dirty

• .ng-pristine

All above can be animated by suffixing -add or -remove

.ng-invalid-add, 
.ng-invalid-remove{
    transition: border-color 1s;
}

/* final state */
.ng-invalid{
    border-color: red;
}

Note: check form error from console

angular.element($0).scope().myForm.email.$error