Передача формы в Angular с использованием реактивного программирования

Question

Я хотел знать, что такое angular способ обработки формы, как показано ниже, где номер формы управления не является фиксированным. например.

<ngForm #formData onsubmit="getEditedData(formData)">
  <textarea
        class="elm-textarea "
        placeholder="Name"
        maxlength="200"
        [value]="questionAnsData.id"
      ></textarea>
      <div *ngFor="let question of questionAnsData.questions; let i = index">
        <label class="label">Question {{ i + 1 }}</label>
        <textarea
          class="elm-textarea "
          placeholder="Question {{ i + 1 }}"
          maxlength="200"
          [value]="question"
        ></textarea>
      </div>
      <div *ngFor="let answer of questionAnsData.answers; let j = index">
        <label class="label">Answer {{ j + 1 }}</label>
        <textarea
          class="elm-textarea "
          placeholder="Answer {{ j + 1 }}"
          maxlength="200"
          [value]="answer"
        ></textarea>
      </div>
</ngForm>

Мой набор данных -

questionAnsData = [{
    id: "set1",
    questions: ["Hello, how are you?", "Hi, how are you?", ", how are you?" ],
    answers: ["Good", "I am good"]
  }];

Ссылка на стек * СПАСИБО ЗА ПРЕДЕЛА.

Answer 1

вы можете использовать FormArray из реактивных форм и pu sh там любое количество элементов управления вам нужно статья с пример