如何以角度反应形式对表单控件数组进行排序

Question

I have a list of form controls in a reactive form angular


this.myForm = this.fb.group({
  
 firstName: [''],

  lastName: [''],

  stage: [''])} 

我在表单顶部有一个单选按钮，可以按字母顺序对字段进行排序。 如何实现这个功能。

任何帮助表示赞赏。

Answer 1

您可以根据单选输入值在模板中执行此操作：

<ng-container *ngIf="sorAlphabetically; else defaultSort">
   <!--- input A --->
   ...

   <!--- input B --->
   ...

   <!--- input C --->
   ...
</ng-container>

<ng-template #defaultSort>
   <!--- input B --->
   ...
   
   <!--- input A --->
   ...
 
   <!--- input C --->
   ...
</ng-template>