Mat-select Control, прочитанный <HTMLInputElement>myForm.elements

Question

Привет У меня есть динамическая форма, где я не могу использовать formcontrolname для чтения значения поэтому я хочу прочитать значение по элементу управления ID

В настоящее время я читаю значение, как это, если это нормально, как cantrol (кнопка ввода выбрать и все)

let myForm = <HTMLFormElement>document.getElementById("userData");
    console.log(myForm.elements);  

<HTMLInputElement>myForm.elements[i]).getAttribute("id")

Но я, когда я читаю mat-select, который не контролирует html, поэтому я не могу читать значения

<div *ngFor="let element of currentTaskJson" class="form-group">

 <!-- Input Tag Start Here -->
            <mat-form-field class="example-full-width" *ngIf="element.controlName == 'input' && element.htmlControlTypeName !='file'">
              <input matInput type='{{element.htmlControlTypeName}}' [required]='element.required' max="16" id='{{element.labelID}}' placeholder={{element.labelName}}
              />
            </mat-form-field>

<mat-form-field 
  class="example-full-width" 
  *ngIf="element.controlName==='select'">
    <mat-select 
      placeholder={{element.labelName}} 
      (click)=getDropDownValue(element) 
      id='{{element.labelID}}'>
        <mat-option 
          *ngFor="let element3 of listObj[element.labelID]" 
          value={{element3.id}}>
            {{element3.value}}
        </mat-option>
    </mat-select>
</mat-form-field>

currentTaskJson - это массив, который содержит 3 поля ввода и 2 поля, выберите здесь печатную форму

, поэтому этот элемент управления вводом печатается 3 раза, поэтому я использую любое имя formcontrol, которое будет одинаковым для всех 3 по идентификатору я получаю backend формы в этом JSON aray, я хочу по ID