title: How to dynamic add new element in Angularjs
body: <p>I have a <code>ng-repeat</code> to loop my object value to view.
  Then I want to have a button to add new blank element to the last of <code>ng-repeat</code> value.</p>
  
  <p>How can I do this in angular?</p>
  
  <p>My data is json object. I tried</p>
  
  <pre><code>In controller
  $scope.objs = {'a': 'a', 'b':'b'};
  
  In view
  {{Object.keys(objs).length}};
  But nothing show in view.
  </code></pre>
  
  <p>Update</p>
  
  <pre><code>&lt;div ng-repeat="docstep in docs.docsteps" class="docstep"&gt;
     {{docstep.text}}
  &lt;/div&gt;
  </code></pre>
  
  <p>Then I want to get the length of objects so I can .length + 1 in the button click
  But I have no idea how to get objects length. Or is there any better idea?</p>