如何通过在angular中更改一个下拉列表来过滤另一个下拉列表

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

@Component({
  selector: 'app-filter-dropdown',
  templateUrl: './filter-dropdown.component.html',
  styleUrls: ['./filter-dropdown.component.css']
})
export class FilterDropdownComponent {
  firstDropdownOptions = ['Option 1', 'Option 2', 'Option 3'];
  secondDropdownOptions = ['Option A', 'Option B', 'Option C'];
  filteredSecondOptions = [];

  selectedOption: string;

  filterOptions() {
    this.filteredSecondOptions = this.secondDropdownOptions.filter(option => {
      // 根据第一个下拉列表的选项来过滤第二个下拉列表的选项
      return option.includes(this.selectedOption);
    });
  }
}

<select [(ngModel)]="selectedOption" (ngModelChange)="filterOptions()">
  <option *ngFor="let option of firstDropdownOptions" [value]="option">{{ option }}</option>
</select>

<select>
  <option *ngFor="let option of filteredSecondOptions" [value]="option">{{ option }}</option>
</select>