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

Question

<form (ngSubmit)="submit(feedbackForm)" #feedbackForm="ngForm">
     <div class="form-group" *ngFor="let ques of questions;">
          <label for="comment">{{ques.question}}</label>
          <textarea 
           class="form-control"
           rows="5"
           id = "comment"
           name="feedbackAnswers"
           ngModel
           required>
          </textarea>
     </div>
          <button 
          type="submit" 
          class="btn btn-info" 
          *ngIf=!sendingEmail
          [disabled]="!feedbackForm.valid">Save</button>
</form>

on,
console.log (feedbackForm),
свойство 'values' показывает только первый ввод.Как я могу получить массив, имеющий имя т.е. «feedbackAnswers» и имеющий значение, что использовалось для ввода.

Answer 1

Необходимо сделать атрибут name уникальным, чтобы шаблонно-управляемая форма создала элемент управления для каждого входа в цикле ... попробуйте следующее изменение.[name]="ques.question"

<form (ngSubmit)="submit(feedbackForm)" #feedbackForm="ngForm">
     <div class="form-group" *ngFor="let ques of questions;">
          <label for="comment">{{ques.question}}</label>
          <textarea 
           class="form-control"
           rows="5"
           id = "comment"
           [name]="ques.question"
           ngModel
           required>
          </textarea>
     </div>
          <button 
          type="submit" 
          class="btn btn-info" 
          *ngIf=!sendingEmail
          [disabled]="!feedbackForm.valid">Save</button>
</form>