[英]ngModel reference when pushed into array
我正在將一個新訂單推送到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
您為所有客戶訂單使用相同的數據對象。 使用Angular' copy
方法,這樣每個訂單都有自己唯一的對象:
$scope.currentCustomer.orders.push( angular.copy($scope.newOrder) );
工作小提琴: http : //jsfiddle.net/MZnML/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.