ng-tocado no funciona – AngularJS

Campos de formulario no se agregan ng-touched clase, en lugar sigue siendo ng-pristine

Este es mi formulario:

<form novalidate class="css-form">

            <div class="form-group clearfix">
                <label class="col-xs-12 col-sm-6 col-md-4">State Code</label>
                <div class="col-xs-12 col-sm-6 col-md-8">
                    <input type="text" class="form-control" ng-maxlength="2" ng-model="ObjectNew.stateCode" required>
                </div>
            </div>
            <div class="clearfix"></div>

            <div class="form-group clearfix">
                <label class="col-xs-12 col-sm-6 col-md-4">Zip</label>
                <div class="col-xs-12 col-sm-6 col-md-8">
                    <input type="text" class="form-control" ng-model="ObjectNew.zip" required>
                </div>
            </div>
            <div class="clearfix"></div>

        </form>

Cuando veo en inspeccionar elemento, se muestra sólo ng-pristine clase en cada campo, aunque fui tanto a través de los campos y las hojas null.
Muestra ng-invalid demasiado, lo cual está bien.

Tiene que añadir los estilos realidad:

.css-form input.ng-invalid.ng-touched {
    background-color: #FA787E !important;
    }

  .css-form input.ng-valid.ng-touched {
    background-color: #78FA89 !important;
  }