Compruebe qué campo no es válido en forma de angular

Question

Necesito verificar qué campos no son válidos después de 5 segundos cuando se presenta el formulario.Tengo un botón y configuro este ng-disabled="!step1Form.$valid", pero necesito agregar algún tipo de clase CSS, tal vez rojo a los campos, que no sean válidos, ¿puede darme alguna ayuda?

Este es el campo donde quiero establecer el patrón no válido:

<div ng-form="logoForm" style="position:absolute;top:0px;left:0px;" class="info-picture main ng-pristine ng-invalid ng-invalid-required">
    <div add-pic="" class="small-button">Agregar logo</div>
    <input type="file" required="required" ng-model="logo.company" id="company_logo" style="display:none;" ng-file-select="" class="ng-pristine ng-invalid ng-invalid-required">
</div>

Answer 1

Si desea agregar la clase CSS a cualquier componente, puede usar la directiva "NG CLASE".

Puede ver esto en la documentación en http://docs.angularjs.org/API / NG / Directiva / NGCLASS

Otra pregunta como la suya es esta: Cómo configurar el error de Twitter Bootstrap Class= basado en la clase de entrada de AngularJS= NG-no válido?