根据Angular 8中从下拉菜单中选择的选项更改对话框内容

import { Component, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-dropdown',
  template: `
    <select (change)="onOptionChange($event.target.value)">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
    </select>
  `,
})
export class DropdownComponent {
  @Output() optionChange = new EventEmitter<string>();

  onOptionChange(option: string) {
    this.optionChange.emit(option);
  }
}

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

@Component({
  selector: 'app-dialog',
  template: `
    <app-dropdown (optionChange)="onOptionChange($event)"></app-dropdown>

    <div>{{ dialogContent }}</div>
  `,
})
export class DialogComponent {
  dialogContent: string;

  onOptionChange(option: string) {
    // 根据选项进行相应的逻辑处理，这里只是简单地示范
    if (option === 'option1') {
      this.dialogContent = '选项1被选择';
    } else if (option === 'option2') {
      this.dialogContent = '选项2被选择';
    } else if (option === 'option3') {
      this.dialogContent = '选项3被选择';
    }
  }
}