각도 4 그룹 입력란에서 ngfor

Question

나는 20 열을 포함하는 5 열의 테이블을 구성하는 ngFor 있습니다. 처음 두 열은 문자열 (이름 및 점)이고, 세 번째, 네 번째 및 다섯 번째는 입력 필드입니다 (지금은 p1, p2 및 p3을 말합니다). 데이터를 제출할 때 이러한 행을 그룹화하는 방법을 알 수 없습니다. 내가 입력을 제공하는

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

의 이름의 조합 필드 시도하지만 난 내가 통해 검색 할 수있는 고통 (60 개) 속성으로 끝낼 제출할 때 data.value을 읽으려고 할 때.

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과 같은 가장 간단한 방법을 고려 했습니까? 의견을 그룹화하는 것이 가장 좋습니다. Ofc에서는 5 개의 양식과 관련된 하나의 양식을 작성할 수 있습니다. https://angular.io/api/forms/NgForm

편집 :

당신이 그렇게 STH 않는 컨트롤러에서 그룹의 입력 값을 원하는 경우

:

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

하고 배열의 모든 값에 ngModel을 결합 할 수있는 HTML에서

.