Überprüfen Sie mit Angular, welches Feld im Formular ungültig ist

Question

Ich muss nach 5 Sekunden beim Rendern des Formulars überprüfen, welche Felder nicht gültig sind.Ich habe einen Knopf und stelle diesen ein ng-disabled="!step1Form.$valid" Aber ich muss Feldern, die ungültig sind, eine Art CSS-Klasse hinzufügen, vielleicht rot. Kann mir jemand helfen?

Dies ist das Feld, in dem ich das ungültige Muster festlegen möchte:

<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

Wenn Sie einer Komponente eine CSS-Klasse hinzufügen möchten, können Sie die Direktive „ng-class“ verwenden.

Sie können dies in der Dokumentation unter sehen http://docs.angularjs.org/api/ng/directive/ngClass

Eine andere Frage wie Ihre ist diese: Wie lege ich Twitter Bootstrap class=error basierend auf der AngularJS-Eingabe class=ng-invalid fest?