Angular Dynami c Форма NG для мульти отправки?

Question

Я делаю простую форму оценки качества с бэкэндом mvc api, frontendi angular. В этой форме я рисую вопросы API и перечисляю их в таблице. Рядом с каждым вопросом я ставлю оператор выбора / опции. Когда я наконец захочу, я соберу ответы на все вопросы и отправлю их в API. Операторы Select / Options поставляются с ngFor. Как я могу получить значения значений от этих операторов выбора / опции. Вы можете мне помочь?

Angular -Компонент:

import { Component, OnInit } from '@angular/core';
import { HttpClientModule, HttpClient } from '@angular/common/http';
import { FromElement } from '../Models/FromElement';
import { EndCall } from '../Models/EndCall';
import { CalculateForm } from '../Models/CalculateForm';
import { User } from '../Models/User';
import { FormElementServicesService } from '../services/formElementServices.service';
import { FormArray, FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms';

@Component({
  selector: 'app-KaliteForm',
  templateUrl: './KaliteForm.component.html',
  styleUrls: ['./KaliteForm.component.css'],
  providers: [FormElementServicesService]
})
export class KaliteFormComponent implements OnInit {
  constructor(private formElement: FormElementServicesService) {}
  formValue:FormGroup;
  cagriDegerlendirmesi: FromElement[];

  ngOnInit() {
    this.formElement.getFormElement().subscribe(data => {
      this.cagriDegerlendirmesi = data;
    });
  }
  selectedOption: string;
  options = [
    { name: 'Evet (20 Puan)', value: 20 },
    { name: 'Kararsız (10 Puan)', value: 10 },
    { name: 'Hayır (0 Puan)', value: 0 }
  ];

  gonder(){
    console.log(this.formValue.value)
  }
}

html:

<table class="table table-hover">
  <thead>
    <tr class="table-light">
      <th scope="col">Kalite Değerlendirme Değerleri</th>
      <th scope="col">Notlandırma</th>
    </tr>
  </thead>
  <tbody>
    <tr class="table-light" *ngFor="let item of cagriDegerlendirmesi">
      <td>{{ item.fromItem }}</td>
      <td>
        <div class="form-group-sm">
          <select class="custom-select" id="{{item.id}}">
            <option class="text-justify" *ngFor="let o of options">
              {{o.name}}
           </option>
          </select>
        </div>
      </td>
    </tr>
  </tbody>
</table>
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>