title: ngModel reference when pushed into array
body: <p>I am pushing a new order into the customer.orders array and everything works fine but it seems to reference the ngModel because if I now type something into the neworder.product model it updates the view at customer.orders.product. It seems to reset itself on refresh. </p>
  
  <p>Any ideas?</p>
  
  <p>Some Code:</p>
  
  <pre><code>$scope.currentCustomer.orders.push($scope.newOrder);
  </code></pre>
  
  <p>The newOrder form:</p>
  
  <pre><code>&lt;form id="newOrder" ng-submit="submit()"&gt;
      &lt;input type="month" ng-model="newOrder.date" /&gt;
      &lt;div&gt;
        &lt;label ng-repeat="product in products"&gt;
          {{product}}
          &lt;input type="number" ng-model="newOrder[product]" /&gt;
        &lt;/label&gt;
      &lt;/div&gt;
      &lt;button&gt;
          Add Order
      &lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I display my orders:</p>
  
  <pre><code>&lt;div ng-repeat="order in currentCustomer.orders"&gt;
        &lt;span class="header"&gt;
          {{order.date}}
        &lt;/span&gt;
        &lt;span ng-repeat="product in products"&gt;     
            {{product}}: {{order[products]}} 
        &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What happens:
  1) Enter a new order and press enter.
  2) Enter a new order.
  3) All orders above get updated while typing? I don't understand because the ngModel is different?</p>
  
  <p>I tried angular.copy</p>