如何纪录input内容

Question

var data =
{
  info:{
      "test": [{
          "id": "a123",
          "name": "Iphone 7",
          "amount": 0
        }, {
          "id": "h233",
          "name": "Huawei P30",
          "amount": 0
        }]
       }
}

html

<ng-container *ngFor="let bets of data ; let index = index">
        {{bets.name}}
       <input type="text" [ngModel]="bets.amount" (ngModelChange)="bets.amount=$event">
</ng-container>

api会传给我的内容大概如上面data那样

画面上我用ngFor去跑

然后我把页面上的input输入框和 数据的amount做双向绑定

用来方便计算总额等等

不过遇到一个问题

使用者按新增产品，会重新回传一次api，amount又变回0了

所以用户在输入框输入的内容会被重置

现在想做到新增时 输入框内容可以记录下来 不要被重置

该怎么做? 可以给一点思路吗

Answer 1

提交的时候先用一个数组保存一下info，然后得到提交的结果之后 Object.assign(newInfo, oldInfo),这样可以不