title: AngularJS nested expressions within ng-class
body: <p>How can I achieve something like this:</p>
  
  <pre><code>ng-class="{ 'has-errors' : form_editProfile.password.$invalid &amp;&amp; !form_editProfile.password.$pristine......
  </code></pre>
  
  <p>but, within a loop/ng-repeats (of dynamic forms, and dynamic fields), something like:</p>
  
  <pre><code> &lt;div ng-repeat="(form, fields) in sections"&gt;
      &lt;form name="form_{{form | alphanumeric}}" novalidate&gt;
        &lt;div ng-repeat="(name, field) in fields" ng-class="{ 'has-errors' : form_{form | alphanumeric}.{field}.$invalid &amp;&amp; !form_{form | alphanumeric}.{field}.$pristine, 'no-errors' : form_{form | alphanumeric}.{field}.$valid"&gt;
  </code></pre>
  
  <p>......where 'alphanumeric' is a filter that I have which converts "Contact Info" to "ContactInfo" (a valid form name) - for example.</p>
  
  <p>The basic dynamicly generated form/form elements is working, I just can't work out how to get the validation working properly in this situation with embeded expressions..</p>