Заполнить текстовую область тем же сервисом - Angular

Question

Я переключаюсь между свойствами в компоненте с помощью ngFor, поэтому я получаю серию переключателей для заполнения службы (описано ниже с помощью элемента genericForm). Все еще в том же сервисе, определенном выше, у меня есть свойство под названием "itemText", это свойство должно отображаться под переключателем, внутри ngFor.

При посадке в представлении компонента я обнаружил, что это свойство установлено как "неопределенное". Однако, когда я компилирую "itemText", он заполняется

То, что я пытаюсь понять, это то, как: -приложение пустое представление при загрузке компонента - Как заполнить текстовое поле с тем же значением

Вот ниже, как структурирован мой код

Спасибо

//service
 this.genericForm = this._fb.group({
  items: this._fb.group({
    item: ['', [Validators.required]], 
    itemText: ['']
  })
});


//component.components.ts
ngOnInit() {

this.AsimpleForm = this.service.genericForm.get('items'); };

 //component.component.html
 <mat-accordion [formGroup]="AsimpleForm" class="form-group">
    <mat-radio-group class="example-radio-group" formControlName="item">
      <mat-expansion-panel *ngFor="let object of objects;">
        <mat-expansion-panel-header>
          <mat-radio-button class="example-radio-button" [value]="object.name">
           {{object.name}}
          </mat-radio-button>
        </mat-expansion-panel-header>
        <textarea formControlName="itemText" [value]="<!-- how to access current itemText here? -->">{{<!-- how to access current itemText value here? -->}}</textarea>
    <span>Facoltativo</span>                     
  </mat-expansion-panel>
</mat-radio-group>