Angular 角度5[ngForOf]仅显示循环上的最后一条记录

我可以循环，但我不明白为什么它只显示最后一条记录的值

invoice-list.html

<ng-template ngFor let-i [ngForOf]="invoiceService.selectedInvoice.purchases"> 
{{i.product.name | json}}   
   <input type="text" name="name" class="form-control" #pname="ngModel" [(ngModel)]="i.product.name" readonly>
</ng-template>

{{i.product.name | json}

下面是一个示例

（登录=>用户：user@user.com|通过：用户123）

如何进入这个视野？

---

因为您使用双向绑定

NgModel

，它将传入值绑定到同一个变量-

i.product.name

。在这里使用ngModel没有多大意义。您可以使用

#invoiceFrom='NgForm

导出表单，以便在那里执行所有验证。只需传递一个值：

<input type="text" name="name" class="form-control [value]="i.product.name" readonly>

---

如何转到此视图？只需单击列表发票中的“编辑”按钮这里是“编辑”按钮？带编辑符号的蓝色按钮。确定了，预期输出是什么