您可以使用ngModel指令来绑定下拉菜单的值,并在其他选项中指定所需的值。以下是示例代码:
HTML文件:
Select an option
{{option}}
Option 1
Option 2
TS文件:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
options: string[] = ['Option 1', 'Option 2', 'Option 3'];
selectedOption: string;
option1: string;
option2: string;
onChange(event) {
if (this.selectedOption === 'Option 1') {
this.option1 = event.value;
} else if (this.selectedOption === 'Option 2') {
this.option2 = event.value;
}
}
}
在此示例中,我们绑定了下拉菜单的值并使用selectionChange事件在每次更改选项时更新其他选项的值。根据选中的下拉菜单选项,我们将更新option1或option2的值。