我们可以在同一组件中使用ngModel和ngChange吗?

时间:2020-03-21 09:31:50

标签: angular angular9

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>

在更改特定库存时,我也想更改其类型/可用字段。

2 个答案:

答案 0 :(得分:0)

您可以使用ngModelChange

<div *ngFor="let obj of arr">
    <input [(ngModel)]="obj.inventory" (ngModelChange)="yourFunction()">
</div>

答案 1 :(得分:0)

是的,您可以同时使用ngModel和ngChange。如果要更改可用性仅更改库存,则可以使用ngModelChange,但是如果要在更改产品可用性之前提交输入值,则必须使用(change)="yourMethod()"

在这里,我向您介绍如何处理您的示例:https://stackblitz.com/edit/angular-6miryc