来自ng

Question

我有一个ngFor来构造一个包含20行的5列表。 前两列是字符串（名称和点），第三列，第四列和第五列是输入字段（现在让我们说p1，p2和p3）。 在提交数据时，我无法弄清楚如何将这些行组合在一起。我尝试为输入字段提供

的名称组合

name="{{person.name}}-p1"

但是当我在提交时尝试读取data.value时，我最终得到了60个属性，这很难搜索。

person1-p1: value
person1-p2: value
person1-p3: value
person2-p1: value
ect

无论如何将它们组合在一起，以便看起来像这样吗？

people: {
  person1: {p1: value, p2: value; p3: value},
  person2: {p1: value, p2: value; p3: value},
  person2: {p1: value, p2: value; p3: value}

Answer 1

您是否考虑过像ngForm这样最简单的方法？ 在我看来，这是对这些投入进行分组的最佳方式。 你可以创建一个表格，例如5个表格。 https://angular.io/api/forms/NgForm

编辑：

如果你想在控制器中对输入值进行分组，请执行以下操作：

interface Person {
p1: string;
p2: string;
}
array: Person[] = [{p1: '', p2: ''},{p1: '', p2: ''},{p1: '', p2: ''}];

并且在html中，您可以将ngModel绑定到数组中的所有值。