ngModel 引用,当推送到数组中时
ngModel reference when pushed into array
我正在将一个新订单推送到 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( 输入新订单并按回车键。2( 输入新订单。3(以上所有订单在打字时都会更新?我不明白,因为ngModel不同?
我尝试了角度复制
您对所有客户的订单使用相同的数据对象。使用Angular的copy
方法,这样每个订单都会有自己独特的对象:
$scope.currentCustomer.orders.push( angular.copy($scope.newOrder) );
工作小提琴:http://jsfiddle.net/MZnML/
相关文章:
- JavaScript变量引用数组时出现问题
- 如何创建以下数组的克隆而不是引用
- 将数组从 Spring bean 转换为 JSON 以在 JSP 中引用
- 在javascript/angular中创建播放列表(按值复制数组,但按引用设置嵌套对象)
- 在 Larawel 中存储引用数组
- 通过动态创建数组名称在单击函数中引用 javascript 数组
- 我需要引用使用 .get() 创建的数组
- 引用函数数组中的另一个函数
- 数组和反向引用
- 如何通过向用户推送模式引用来更新用户对象's数组字段
- 按数组引用 JavaScript 对象
- 在循环中创建的函数中使用时出现数组引用问题
- 数组引用:将对象添加到对象数组中
- Javascript中的数组引用
- Mongodb/Mongoose:填充ObjectId数组(引用)
- Javascript函数不修改数组(引用?)
- 为什么我不能在JavaScript中连接数组引用?
- 如何从数组引用TypeScript类中的此父方法's ForEach循环
- 在 JavaScript 和 ActionScript 之间共享数组引用
- 为什么数组引用号转换为STRING