title: Dynamically add item to ng-repeat array javascript
body: <p>I have to following array of items in angularjs</p>
  
  <pre><code>angular.module('app').controller('AppController', function ($scope, $timeout) {
      $scope.items = {
          item1: {
              name: "Hamburger",
              complete: "50%",
              start: "2015/09/10 11:00",
              finish: "2015/09/11 04:00",
              work: "8 hours"
          },
          item2: {
              name: "Pasta",
              complete: "50%",
              start: "2015/09/10 11:00",
              finish: "2015/09/11 04:00",
              work: "8 hours"
          },
          item3: {
              name: "Potato",
              complete: "80%",
              start: "2015/09/10 18:00",
              finish: "2015/09/11 04:00",
              work: "8 hours"
          }
      };
  
      $scope.items.push({
          item4: {
              name: "Ham",
              complete: "50%"...
          }
      });
  }
  </code></pre>
  
  <p>I want to add a new item to it, but it's not working.</p>
  
  <p>I tried .push(item) method, but it fails with the following message in the console</p>
  
  <pre><code>Object doesn't support property or method 'push'
  </code></pre>
  
  <p>What's the easiest way to add an item to this existing array?</p>