title: Getting form input/data in angular-ui bootstrap
body: <p>I'm trying to get the input values for a form I'm submitting and the data angular-ui is binding to the form is not what I expected. An example form:</p>
  
  <pre><code>&lt;form name="myform" method="post" data-ng-submit="submit()"&gt;
      &lt;input type="text" name="myform.firstname" /&gt;
      &lt;input type="submit" value="submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and in <code>submit()</code> I am just doing <code>console.log($scope.myform)</code></p>
  
  <p>I was expecting: <code>{ firstname: "sample" }</code> but I am instead getting: </p>
  
  <pre><code>{ $error: Object, $$success: Object, $pending: undefined, $name: "myform", $dirty: false, $pristine: true, $valid: true, $invalid: false, $submitted: true, $$parentForm: Object, 10 more… }
  </code></pre>
  
  <p>The input key and its value don't seem to be in here and even if I use a model, angular-ui is overriding the object on submit.</p>