eckig 4 ​​Gruppen Eingabefelder von ngfor - eckig

Ich habe eine ngFür eine Tabelle von 5 Spalten zu konstruieren,enthält 20 Zeilen. Die ersten 2 Spalten sind Strings (Name und Punkte), die 3., 4. und 5. sind Eingabefelder (sagen wir mal p1, p2 und p3). Ich kann nicht herausfinden, wie diese Zeilen zusammen gruppiert werden, wenn ich meine Daten einreiche. Ich habe versucht, den Eingabefeldern eine Namenskombination zu geben

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

aber wenn ich versuche, data.value zu lesen, wenn ich übermittle, gebe ich mit 60 Eigenschaften aus, die ein Schmerz sind, zum durch zu suchen.

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

Gibt es sie sowieso, um sie zu gruppieren, so dass es ungefähr so ​​aussieht?

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

Antworten:

Hast du den einfachsten Weg wie ngForm betrachtet? Meiner Meinung nach ist es der beste Weg, diese Eingaben zu gruppieren. Ofc können Sie ein Formular erstellen, das beispielsweise 5 Formulare enthält. https://angular.io/api/forms/NgForm

Bearbeiten:

Wenn Sie die Eingabewerte im Controller gruppieren möchten, tun Sie Folgendes:

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

und in HTML können Sie ngModel an alle Werte von Array binden.