2017-10-22 15 views
0

私は20行を含む5列の表を作成するためにngForを持っています。 最初の2列は文字列(名前と点)で、3番目、4番目、5番目は入力フィールドです(今はp1、p2、p3と言います)。 データを送信するときにこれらの行をグループ化する方法がわかりません。私は入力を与えることが角度4のグループ入力フィールド

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} 

答えて

1

ngFormのような最も単純な方法を検討しましたか? 私の意見では、その入力をグループ化する最良の方法です。 Ofcでは、たとえば5つのフォームを含む1つのフォームを作成できます。 https://angular.io/api/forms/NgForm

編集:

あなたはグループにしたい場合は、コントローラの値はそのようSTHん入力:

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

とhtmlにあなたは、配列の値のすべてにngModelをバインドすることができます。

+0

どういう意味ですか?現在、テーブル全体がngForm内にあります。私のフォームタグは次のようにループします: '

' このフォームの中には、テーブル本体私は人のリストをループします: ' – Rachelle

+0

入力のすべての値をコントローラまたはsthでグループ化しますか? –

+0

私はそれらを私のcomponent.tsでグループ化する必要があるので、onSubmitメソッドでグループ化する必要があります。 – Rachelle

関連する問題