Angular 5获取formControlName中select选项的文本

import { FormControl, FormGroup } from '@angular/forms';

myForm: FormGroup;
selectControl: FormControl;

constructor() {
  this.selectControl = new FormControl();
  this.myForm = new FormGroup({
    select: this.selectControl
  });
}

<form [formGroup]="myForm">
  <select formControlName="select" (change)="getSelectedOptionText()">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
</form>

getSelectedOptionText() {
  const selectedValue = this.selectControl.value;
  const selectedOption = Array.from(document.querySelectorAll('select option'))
    .find(option => option.value === selectedValue);
  const selectedOptionText = selectedOption ? selectedOption.textContent : '';
  console.log(selectedOptionText);
}