如何使用 ngFor 自动填充表单中的文本框？答案

【问题标题】：How to use ngFor to auto populate text boxes in form?如何使用 ngFor 自动填充表单中的文本框？
【发布时间】：2023-03-24 03:41:01
【问题描述】：

我是一个新手 Angular 程序员。我希望使用 ngFor 指令自动填充表单中的文本框，例如 10 个文本框（10 行）。

在 ngFor 的所有示例中，我发现列表是基于数组填充的。但我不打算这样做。相反，我希望使用 ngFor，只写一次，所有包含文本框的行都会被填充。

此外，我还打算使用 ngModel 指令 来存储它们的值。我如何使用 ngFor 编写它？

【问题讨论】：

学习编程最好的方法就是做。亲自尝试一下，你会惊讶于一点点试错能走多远。官方 Angular Tour of Heroes 教程是一个很好的起点
你有什么尝试吗？至少提供一个 plunker。
这是我最喜欢的部分在所有 ngFor 的例子中，...但我不打算这样做。我是新手，但例子很糟糕:)
@ChristopherMoore：将详细介绍完整的教程。但是对于 *ngFor，他们也只提到了数组。否则（就像普通的 for 循环而不是 forEach 循环一样）。
@Kinduser：你可以从这里得到 plunkr：plnkr.co/edit/KyCN4y?p=preview

【解决方案1】：

首先，正如 Christopher 明智地提到的，*ngFor 只接受可迭代对象。其次，你的 plunker 有很多错误和错误，必须修复它。

将您的 labels 对象更改为小对象数组。

【讨论】：