Кнопка изменения текста Dynami c с помощью контроллера activtiveForm в Angular

Question

Мне нужно сделать кнопку, в которой текст изменяется в соответствии с вашим контроллером формы.

Сначала моя идея представления была такой:

<mat-form-field>
  <button mat-button formControlName="exampleControl" type="text" placeholder="Type" 
    (click)="openModal()">
</mat-form-field>

И контроллер остается в качестве следующий

// ...
//

makeForm() {
  this.searchForm = new FormGroup({
    exampleControl: new FormControl({ value: this.fullData.ExampleType, disabled: false }, 
      Validators.required),
  })
}

openModal() {
  const dialogRef = this.dialog.open(ListClickcableComponent, {
    width: '250px',
    data: { title: '', data: '' }
  });
  dialogRef.afterClosed().subscribe(result => {
    console.log('The dialog was closed');
    this.arrayOptions = result;
  });
}