如何在角度模板驱动的表单中设置带有自动选择的过滤器

<form #myForm="ngForm">
  <select name="filter" [(ngModel)]="selectedFilter">
    <option *ngFor="let option of filterOptions" [value]="option.value">{{ option.label }}</option>
  </select>
</form>

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

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent {
  filterOptions = [
    { label: 'Option 1', value: 'option1' },
    { label: 'Option 2', value: 'option2' },
    { label: 'Option 3', value: 'option3' },
  ];
  
  selectedFilter: string;

  constructor() {}

  onFilterChange() {
    // 根据选择的过滤器值执行相应的操作
    console.log('Selected filter: ', this.selectedFilter);
    // 其他逻辑...
  }
}