Javascript 推入阵列时的ngModel引用

我正在将一个新订单推送到customer.orders数组中，一切正常，但它似乎引用了ngModel，因为如果我现在在neworder.product模型中键入一些内容，它会更新customer.orders.product的视图。它似乎会在刷新时重置自身

有什么想法吗

一些代码：

$scope.currentCustomer.orders.push($scope.newOrder);

新订购表格：

<form id="newOrder" ng-submit="submit()">
    <input type="month" ng-model="newOrder.date" />
    <div>
      <label ng-repeat="product in products">
        {{product}}
        <input type="number" ng-model="newOrder[product]" />
      </label>
    </div>
    <button>
        Add Order
    </button>
</form>

{{product}}
添加订单

我显示我的订单：

<div ng-repeat="order in currentCustomer.orders">
      <span class="header">
        {{order.date}}
      </span>
      <span ng-repeat="product in products">     
          {{product}}: {{order[products]}} 
      </span>
</div>

{{order.date}
{{product}}:{{order[products]}

发生了什么： 1） 输入新订单，然后按Enter键。 2） 输入新订单。 3） 键入时更新上面的所有订单？我不明白，因为NGO的模式不同

---

我尝试了angular.copy

您对所有客户订单使用相同的数据对象。使用“角度”方法，这样每个订单都会有自己独特的对象：

$scope.currentCustomer.orders.push( angular.copy($scope.newOrder) );

---

工作小提琴：

@Lorof我喜欢用角度来解决问题，这样我也在学习！）当然，但我已经试过angular.copy了（我甚至在问题中写了它）。。。可能是旧的js文件缓存启动了。（偶尔发生）@Lorof现在我看到这行了，很好我以前没有看到过，否则我无法选中此选项。。