將ngModel引用推入數組時

Question

我正在向customer.orders數組中推入新訂單，並且一切正常，但似乎引用了ngModel，因爲如果我現在在neworder.product模型中輸入某些內容，它會更新客戶視圖.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）輸入一個新的訂單，然後按回車。 2）輸入新的訂單。 3）上述所有訂單在輸入時都會更新？我不明白，因爲ngModel是不同的？

我試過angular.copy

Answer 1

您對所有客戶的訂單使用相同的數據對象。使用角」 copy方法，這樣每一個訂單都會有自己獨特的目標：

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

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