如何将mat-options添加到mat-select，而无需在按下按钮时重新加载页面。角度

<mat-form-field>
  <mat-select [(ngModel)]="selectedOption">
    <mat-option *ngFor="let option of options" [value]="option.value">{{ option.label }}</mat-option>
  </mat-select>
</mat-form-field>

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  options = [
    { value: 'option1', label: 'Option 1' },
    { value: 'option2', label: 'Option 2' },
    { value: 'option3', label: 'Option 3' }
  ];
  selectedOption: string;
}

updateOptions() {
  this.options.push({ value: 'option4', label: 'Option 4' });
}

<button (click)="updateOptions()">Add Option</button>