1

我正在将一个新订单推送到 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>

我显示我的订单：

<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

4

1 回答 1

3

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

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

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

于 2013-10-12T10:23:36.183 回答