html - 如何使用ngIf在每次点击时继续添加文本框

Question

如果单击按钮，我将在屏幕上添加一个新字段框。但这仅发生在单击一次。我想知道如何在每次单击按钮时继续添加字段框？

这是我的代码：https ://stackblitz.com/edit/angular-pgsfrm

标签： htmlangular

Answer 1

您应该使用ngFor而不是添加新字段ngIf。字段的数量可以基于Array实例的内容。您可以在我的示例中查看如何执行此操作：

<input *ngFor="let fieldValue of fields" placeholder="{{fieldValue}}" />