我们可以在同一个组件中使用 ngModel 和 ngChange 吗
can we use ngModel and ngChange in the same component
arr= [{
isNew: true,
price: {
perDay: 0,
perMonth: 0,
perHalfDay: 0
},
type: 3,
available: false,
newCapacity: 0,
inventory: 1
}...]
<div *ngFor="let obj of arr">
<input [(ngModel)]="obj.inventory">
</div>
在更改特定库存时,我也想更改其 type/available 字段。
您可以使用 ngModelChange
<div *ngFor="let obj of arr">
<input [(ngModel)]="obj.inventory" (ngModelChange)="yourFunction()">
</div>
是的,您可以同时使用 ngModel 和 ngChange。如果你想改变可用性只是改变库存你可以使用 ngModelChange 但如果你想在更改产品的可用性之前提交输入的值你必须使用 (change)="yourMethod()"
在这里,我将介绍如何使用您的示例:https://stackblitz.com/edit/angular-6miryc
arr= [{
isNew: true,
price: {
perDay: 0,
perMonth: 0,
perHalfDay: 0
},
type: 3,
available: false,
newCapacity: 0,
inventory: 1
}...]
<div *ngFor="let obj of arr">
<input [(ngModel)]="obj.inventory">
</div>
在更改特定库存时,我也想更改其 type/available 字段。
您可以使用 ngModelChange
<div *ngFor="let obj of arr">
<input [(ngModel)]="obj.inventory" (ngModelChange)="yourFunction()">
</div>
是的,您可以同时使用 ngModel 和 ngChange。如果你想改变可用性只是改变库存你可以使用 ngModelChange 但如果你想在更改产品的可用性之前提交输入的值你必须使用 (change)="yourMethod()"
在这里,我将介绍如何使用您的示例:https://stackblitz.com/edit/angular-6miryc