title: Cannot repeat same condition twice on ng-class
body: <p>I have the following code...</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-5"&gt;
          &lt;span&gt;
              Comments
          &lt;/span&gt;
      &lt;/div&gt;
  
      @*&lt;div class="col-md-7"&gt;*@
      &lt;div class="col-md-7" ng-class="{'has-error': TaskObject.Comments.length &gt; 500}"&gt;
          &lt;textarea class="form-control" ng-model="TaskObject.Comments" maxlength="500"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
  &lt;/div&gt;    
  </code></pre>
  
  <p>and somewhere else I use an identical element</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-5"&gt;
          &lt;span&gt;
              Comments
          &lt;/span&gt;
      &lt;/div&gt;
  
      @*&lt;div class="col-md-7"&gt;*@
      &lt;div class="col-md-7" ng-class="{'has-error': TaskObject.Comments.length &gt; 500}"&gt;
          &lt;textarea class="form-control" ng-model="TaskObject.Comments" maxlength="500"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the thing is, when I run the site, it throws the following exception:</p>
  
  <pre><code>Uncaught Error: Syntax error, unrecognized expression: div[ng-class='{'has-error': TaskObject.Comments.length
  </code></pre>
  
  <p>However, I noticed that if I delete whichever I like, or event add a ; at the end of ONE of the conditions, the error disappears.</p>
  
  <p>Any ideas on why that happens?</p>