如何为循环折叠的 div 设置不同的值

Question

当您单击头部时，您可以在测试输入中键入内容。当您单击添加产品按钮时，您可以打开新 div 并输入新值。由于输入与一个 NgModel 绑定，相同的值将显示在每个输入字段上。如何将不同的值保存到输入和列表？ 该示例可以在下面的 stackblitz 链接中显示。

https://stackblitz.com/edit/angular-ivy-r1mzrp

Answer 1

这里是解决方案：https://stackblitz.com/edit/angular-ivy-xvx3bq

<input type="text" (click)="testClicked(i, $event)" [(ngModel)]="item.name">

并且component.ts添加了初始对象。

this.productListSendingToServer[index + 1] = {
    "name" : "",
    "value" :""
  };