Verifique que o campo não é válido no formulário com Angular

Question

Eu preciso verificar quais os campos que não são válidos após 5 segundos quando o formulário é apresentado.Eu tenho um botão e eu definir este ng-disabled="!step1Form.$valid" mas eu preciso adicionar algum tipo de classe CSS talvez vermelho para campos que não são válidos, pode me dar alguma ajuda?

Este é o campo onde eu quero para definir o padrão invá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

Se você deseja adicionar Classe css para qualquer componente que você pode usar o "ng-classe" directiva.

Você pode ver isto na documentação http://docs.angularjs.org/api/ng/directive/ngClass

Outra pergunta, como é seu, é este: Como configurar o Twitter Bootstrap class=erro com base em AngularJS input class=ng-se inválido?