title: Dynamic validation and name in a form with AngularJS
body: <p>I have this form : <a href="http://jsfiddle.net/dfJeN/" rel="noreferrer">http://jsfiddle.net/dfJeN/</a></p>
  
  <p>As you can see the name value for the input is statically set : </p>
  
  <pre><code>name="username"
  </code></pre>
  
  <p>, the form validation works fine (add something and remove all text from the input, a text must appears). </p>
  
  <p>Then I try to dynamically set the name value : <a href="http://jsfiddle.net/jNWB8/" rel="noreferrer">http://jsfiddle.net/jNWB8/</a></p>
  
  <pre><code>name="{input.name}"
  </code></pre>
  
  <p>Then I apply this to my validation </p>
  
  <pre><code>login.{{input.name}}.$error.required
  </code></pre>
  
  <p>(this pattern will be used in an ng-repeat) but my form validation is broken. It is correctly interpreted in my browser (if I inspect the element I saw login.username.$error.required).</p>
  
  <p>Any Idea ?</p>
  
  <p>EDIT: After logging the scope in the console it appears that the</p>
  
  <pre><code>{{input.name}}
  </code></pre>
  
  <p>expression is not interpolate. My form as an {{input.name}} attribute but no username.</p>
  
  <p><strong>UPDATE: Since 1.3.0-rc.3 name="{{input.name}}" works as expected.</strong> Please see <a href="https://github.com/angular/angular.js/issues/1404" rel="noreferrer">#1404</a></p>