だから私はこのコードを表示しています:
<div class="form-group" ng-repeat="columnHeader in form.table[fakeForm.currentFormIndex].columns track by $index">
<label for="">Column <%$index%></label>
<div class="fg-line">
<input type="text" class="form-control"
placeholder="Column Header <%index%>"
ng-model="form['table'][fakeForm.currentFormIndex]['columns'][$index].name"/>
</div>
</div>
これは、「現在アクティブな」追加要素を対象としています。しかし、これを使用するたびに、同じ属性を持つ他の追加要素も変更されますが、それらの各要素には一意のキーが割り当てられています。
次に、このデータ セットを新しいキーでプッシュします。
'columns':[{name:'Column 1'}, {name:'Column 2'}, {name:'Column 3'}],
'rows':[
{
label:'Row 1',
columns:[
{
label:'Row 1 Column 1'
},
{
label:'Row 1 Column 2'
},
{
label:'Row 1 Column 3'
}
]
},
{
label:'Row 2',
columns:[
{
label:'Row 2 Column 1'
},
{
label:'Row 2 Column 2'
},
{
label:'Row 2 Column 3'
}
]
},
{
label:'Row 3',
columns:[
{
label:'Row 3 Column 1'
},
{
label:'Row 3 Column 2'
},
{
label:'Row 3 Column 3'
}
]
}
]
たとえば、2 つの「テーブル」キーがあると、次のようになります。
table:{
0:....
1:....
}