title: Angular form validation with name in square brackets
body: <p>For some reason I am unable to get the form element when it has a [] in the name. for example when I try the following </p>
  
  <pre><code>    &lt;input class="form-control col-md-1" type="text" name="first_name" id="user_signup_last_name" placeholder="First name" ng-model="user.first_name" required &gt;
      &lt;span style="color:red" ng-show="myForm.last.$dirty &amp;&amp; myForm.first_name.$invalid"&gt;
      &lt;span class="col-md-1" ng-show="myForm.first_name.$error.required"&gt;First name required.&lt;/span&gt;
  </code></pre>
  
  <p>But when I try changing the name to have [] the validation stops working.</p>
  
  <pre><code>    &lt;input class="form-control col-md-1" type="text" name="user[first_name]" id="first_name" placeholder="First name" ng-model="user.first_name" required&gt;
    &lt;span style="color:red" ng-show="myForm.user[first_name].$dirty &amp;&amp; myForm.user[first_name].$invalid"&gt;
    &lt;span class="col-md-1" ng-show="myForm.user[first_name].$error.required"&gt;First name required.&lt;/span&gt;
  </code></pre>
  
  <ol>
  <li>How do we do get angular to validate on the name attribute with [] ? </li>
  <li>is there a way we can use id instead of name to check the validation? </li>
  </ol>