推入数组时的ngModel引用

Question

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

有任何想法吗？

一些代码：

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

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>

我显示我的订单：

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

会发生什么：1）输入新订单并按Enter键。 2）输入新订单。 3）以上所有订单在打字时都会更新？ 我不明白因为ngModel不同？

我试过angular.copy

Answer 1

您为所有客户订单使用相同的数据对象。 使用Angular' copy方法，这样每个订单都有自己唯一的对象：

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

工作小提琴： http ： //jsfiddle.net/MZnML/