在 POST Api 中提交之前，在 Div 中获取并显示响应式表单的 FormArray 值

Question

<div
  class="row"
  *ngFor="let mcq of mcqs().controls; let i = index;"
  [formGroupName]="i"
>
  <div class="col-lg-6">
    <mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
      <mat-label>Question</mat-label>
      <textarea matInput formControlName="question"> </textarea>
    </mat-form-field>
  </div>
  <div class="col-lg-6">
    <mat-form-field appearance="outline" floatLabel="always" class="w-100-p">
      <mat-label>Answer</mat-label>
      <textarea matInput formControlName="answer"> </textarea>
    </mat-form-field>
    <input type="hidden" formControlname="question_type" />
    <input type="hidden" formControlname="_questionId" />
  </div>
</div>

我需要从这个 FormArray 获取值并在 DIV 中显示它作为预览，然后再发布到 api

Answer 1

为了访问您的 FormArray 的值，您可以访问 value 属性。您也可以将它放入 div 元素中，但我建议使用 pre 代替（它看起来更好一点）：

<pre>{{ mcqs().value | json }}</pre>

在 POST Api 中提交之前，在 Div 中获取并显示响应式表单的 FormArray 值

Get and show the FormArray values of reactive forms in a Div before submitting in POST Api

angular

angular-reactive-forms