я хочу сохранить FormArray на моем сервере весенней загрузки

Question

<form [formGroup]="form">

<button (click)="addCreds()">Add</button>

<div formArrayName="qna" *ngFor="let creds of form.controls.qns?.value; let i = index">
  <ng-container [formGroupName]="i">
    <input  formControlName="question"><br>
    <input  formControlName="reponse1">
    <input  formControlName="reponse2">
    <input formControlName="reponse3">


  </ng-container>
</div>

<button (click)="submit()"> Enregistrer</button>

  qna:Qna;
public form: FormGroup;
 constructor(private fb: FormBuilder, private qnaService:QnaService) {
this.form = this.fb.group({
  qnas: this.fb.array([]),
});
}

addCreds() {
const creds = this.form.controls.qnas as FormArray;
creds.push(this.fb.group({
  question: new FormControl(null, Validators.required),
  reponse1: new FormControl(null, Validators.required),
  reponse2: new FormControl(null, Validators.required),
  reponse3: new FormControl(null, Validators.required),
}));
 }


 submit() {
  console.log(this.form.value);
 this.form.
 if (this.form.valid) {
 console.log('qna==============', this.form.value);
if (this.qna === undefined) {
this.qnaService.saveqna(this.form.value).subscribe( qna =>

 console.log('saved'),
 err =>
 console.log('ERROOr=$====', err)
 );
 }

}
}  
}

Я хочу сохранить массив от угловой до пружинной загрузки, который имеет json, как этот

{ "idQnA": 271, «вопрос»: «пример», "reponse1": "instancele1", "reponse2": "instancele2", "reponse3": "instancele3" }

но я всегда получаю эту проблему

{Анкета: Массив (1)} Анкета: [{…}] 0: {question: "d", reponse1: "d", reponse2: "d", reponse3: "d"} длина: 1__proto__: Array (0) proto : Объект

сообщение: "не удалось выполнить оператор; SQL [н / д]; ограничение [вопрос]; вложенное исключение - org.hibernate.exception.ConstraintViolationException: не удалось выполнить оператор"