title: ng-animate in AngularJS validation
body: <p>I'm trying to integrate the shake effect in an AngularJS validation but I am failing to do so using animate.css. Here is my code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="form-group"&gt;
      &lt;input type="text" name="firstName" id="firstName" 
              ng-model="firstName" 
              ng-class="{'animate shake':submitted &amp;&amp; myForm.firstName.$invalid }" 
              class="form-control" placeholder="First Name" value="" required/&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;input type="text" name="lastName" id="lastName" 
              ng-model="lastName" 
              ng-class="{'animate shake':submitted &amp;&amp; myForm.lastName.$invalid }" 
              class="form-control" placeholder="Last Name" required /&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;input type="email" name="input" id="emailId" 
              ng-model="email" 
              ng-class="{'animate shake':submitted &amp;&amp; myForm.input.$invalid }" 
              class="form-control" placeholder="Email" required /&gt;
  &lt;/div&gt;
  &lt;button class="button primary" id="submit_form" type="submit" 
              ng-click="submitted = true"&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>What is wrong here?</p>