title: Adding bootstrap Feedback icons in angularjs
body: <p>I have a small problem with adding feedback buttons in AngularJS. The <code>has-error</code> works but when i add the <code>has-feedback</code> i do not get any feedback response but <code>has-error</code> still works. </p>
  
  <p>I think there is something wrong with the way i added the <code>has-feedback</code> but i'm not sure.</p>
  
  <pre><code>    &lt;div class="form-group" ng-class="{ 'has-error has-feedback': form.email.$dirty &amp;&amp; form.email.$invalid }"&gt;
  
          &lt;label for="email"&gt; Email&lt;/label&gt;
          &lt;input type="text" ng-model="signup.email" ng-model-options="{ debounce: 500 }" name="email" id="email" class="form-control" required email-validator&gt;
  
  
          &lt;div  class="help-block" ng-messages="form.email.$error" ng-if="form.email.$dirty"&gt;
              &lt;p ng-message="required"&gt;Your name is required.&lt;/p&gt;
              &lt;div ng-message="email" class="help-block" &gt;email already in use&lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p><strong>Update 1</strong></p>
  
  <p>When i add following class i can see a icon but it's completely out if sync with the form and probably not the right way:</p>
  
  <pre><code>                    &lt;span class="glyphicon glyphicon-ok form-control-feedback"&gt;&lt;/span&gt;
   `
  </code></pre>