Controllare quale campo non è valido in forma con angolare

Question

Devo controllare quali campi non sono validi dopo 5 secondi quando il modulo è reso.Ho un pulsante e ho impostato questo ng-disabled="!step1Form.$valid" ma ho bisogno di aggiungere una specie di classe CSS forse rossa ai campi che non sono validi, può darmi qualche aiuto?

Questo è il campo in cui voglio impostare il modello non valido:

<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

Se si desidera aggiungere la classe CSS a qualsiasi componente è possibile utilizzare la direttiva "NG-CLASS".

Puoi vedere questo nella documentazione a http://docs.angularjs.org/API / NG / Direttiva / NGClass

Un'altra domanda come la tua è questa: Come impostare Twitter Bootstrap Class= Errore in base alla classe di input angolare= NG-non valido?