改变角度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内的控件顺序。