Vérifiez quel champ n'est pas valide dans le formulaire avec Angular

Question

Je dois vérifier quels champs ne sont pas valides après 5 secondes lorsque le formulaire est rendu.J'ai un bouton et je règle ceci ng-disabled="!step1Form.$valid" mais je dois ajouter une sorte de classe CSS, peut-être rouge aux champs qui ne sont pas valides, quelqu'un peut-il me donner de l'aide ?

C'est le champ dans lequel je souhaite définir le modèle invalide :

<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 vous souhaitez ajouter une classe CSS à n'importe quel composant, vous pouvez utiliser la directive "ng-class".

Vous pouvez voir cela dans la documentation à l'adresse http://docs.angularjs.org/api/ng/directive/ngClass

Une autre question comme la vôtre est la suivante : Comment définir Twitter Bootstrap class=error en fonction de l'entrée AngularJS class=ng-invalid ?