title: bootstrap class .has-error is not applied properly
body: <p>i have a simple form for feedback and doing form-validation from angularJs
  however i'm using bootstrap has-error class on name filed and comments field
  but it is only applied on name field 
  i looked to my code many times and could`nt find any difference between these fields code 
  as the file is part of a project and needs some dependencies ill provide a pic of code and pic of result hope that will be sufficient to receive help..
  thank u in advance</p>
  
  <p>here is another problem .. i can`t upload pics as files on my pc . i tried to click on images tool here but it seems asking for a url for the image and i only have them locally</p>
  
  <p>any help please? </p>
  
  <p>but for now this is the code :
  name field:</p>
  
  <pre><code>&lt;div class="form-group" ng-class="{'has-error': commentsForm.name.$error.required &amp;&amp; !commentsForm.name.$pristine}"&gt;
                              &lt;label class="col-sm-2 form-control-label" for="name"&gt;Your Name&lt;/label&gt;
                              &lt;div class="col-sm-8"&gt;
                                  &lt;input class="form-control" id="name" name="name" placeholder="Your name" ng-model="comments.name" required/&gt;
                                  &lt;span class=" help-block" ng-show="commentsForm.name.$error.required &amp;&amp; !commentsForm.name.$pristine"&gt;Your name?&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  </code></pre>
  
  <p>comments field:</p>
  
  <pre><code>&lt;div class="form-group" ng-class="{'has-error': commentsForm.commetns.$error.required &amp;&amp; !commentsForm.comments.$pristine}"&gt;
                              &lt;label class="col-sm-2 form-control-label" for="name"&gt;Comments&lt;/label&gt;
                              &lt;div class="col-sm-8"&gt;
                                  &lt;textarea class="form-control has-feedback" ng-class="{'has-error': commentsForm.comments.$error.required &amp;&amp; !commentsForm.comments.$pristine}"
                                  id="comments" name="comments" rows="5" placeholder="Your comments" ng-model="comments.comments" required&gt;&lt;/textarea&gt;
                                  &lt;span class=" help-block" ng-show="commentsForm.comments.$error.required &amp;&amp; !commentsForm.comments.$pristine"&gt;Your comments?&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  </code></pre>
  
  <p>Thank You in advance.</p>