угловая Реактивная форма setValue всех объектов массива в FromControl

Question

Мой объект выглядит следующим образом:

[
 {
    "Material_Name": "M-ACTIVATE B",
    "HS_Code": 291811009999,
    "chemical_exract": [
      {
        "Material_Name": "HYDROCHLORIC ACID",
        "CAS_No": "7647-01-0",
      },
      {
        "Material_Name": "Stannous chloride",
        "CAS_No": "8987-04-2",
      }
    ],
    "Supplier_Name": "MacDermid",
    "By_Sea": 1200,
    "By_Air": 300,
    "Total": 1500,
  },
  {
    "Material_Name": "M-FORMALDEHYDEB",
    "HS_Code": 291211000000,
    "chemical_exract": [
      {
        "Material_Name": "Formaldehyde",
        "CAS_No": "50-00-0",
      }
    ],
    "Supplier_Name": "MacDermid",
    "By_Sea": 1200,
    "By_Air": 300,
    "Total": 1500,
  },
  ...
]

Я хочу отобразить все chemical_exract объекты и отобразить их в моем formControl productDescription

, что является моей попыткой:

 autoContinueProductId(productId: string) {

  let findedOb = this.jsonData.find(p => p.HS_Code == productId);
  let chemicalExtract = findedOb["chemical_exract"];

  this.myForm.controls["products"].patchValue({
     productDescription: productDescription: `Material Name is : 
     ${chemicalExtract.Material_Name} and Cas Number is : 
     ${chemicalExtract.CAS_No} ` ,

  });

}

но я получаю только последний объект массива chemicalExract.

я хочу, чтобы все объекты массива chemicalExract отображались один за другим в моей форме управления следующим образом:

Наименование материала: Гидрохлоридная кислота и номер Cas: 7647-01-0

Название материала: Хлорид олова и номер Cas: 8987-04-2

и это мой HTML:

 <!-- productDescription -->
                        <div class="row">
                          <div class="col">
                            <mat-form-field class="example-full-width">
                              <textarea
                               rows="10"
                                matInput
                                formControlName="productDescription"
                                id="productDescription"
                                placeholder="Description In Arabic"

                              ></textarea>
                            </mat-form-field>
                          </div>
                        </div>

Пожалуйста, кто-нибудь может мне помочь, заранее спасибо.