在Angular 6中,可以使用双向数据绑定来选择下拉菜单的数据。下面是一个示例解决方法:
在这个示例中,我们使用了ngModel
来实现双向数据绑定,并使用*ngFor
来遍历选项数组,并为每个选项创建一个元素。
export class MyComponent {
options = ['Option 1', 'Option 2', 'Option 3'];
selectedOption: string;
}
在这个示例中,我们定义了一个名为options
的字符串数组来存储选项,并声明了一个名为selectedOption
的字符串变量来存储选择的选项。
selectedOption
变量来访问选择的选项:export class MyComponent {
options = ['Option 1', 'Option 2', 'Option 3'];
selectedOption: string;
onSubmit() {
console.log('Selected Option: ', this.selectedOption);
}
}
在这个示例中,我们在onSubmit
方法中使用this.selectedOption
来打印选择的选项。
这就是在Angular 6中选择下拉菜单的数据绑定问题的解决方法。通过使用双向数据绑定,您可以轻松地将下拉菜单的选择与组件中的变量关联起来。