改變角度formGroup的順序控制

Question

我建立一個角度應用程序，通過formgroup object動態呈現形式如下：然而

<div *ngFor="let controlName of updateValuesForm.controls | keys"> 
     <input [formControlName]=controlName type="text" class="edit-template-input" /> 
    </div> 

在某些情況下，我想交換這些控件的順序我的兩個formgroup對象。這是可能與一個角formgroup object？

Answer 1

一般來說，在Javascript中的對象沒有一個順序，它沒有任何意義，他們有。

您可以使用FormArray，它內部有一個數組來保存您的控件並更改順序。

或者，如果您真的想用對象來做，您可能必須將控件存儲在數組中，並改變順序。

Answer 2

A FormGroup在內部是一個對象，因此沒有固有的順序。

如果您將控件放在FormArray中，則可以使用它們的索引更改控件的順序。

您可以使用像insertremoveAt和push這樣的方法通過相應的數組索引來操作FormArray內的控件順序。