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 回答