在Angular 6中,你可以使用元素和
元素来创建下拉菜单,并使用
[(ngModel)]
指令来绑定表单的值。
首先,确保你已经在你的组件中引入了FormsModule,以便使用ngModel指令:
import { FormsModule } from '@angular/forms';
然后,在你的组件的模板中,创建一个元素,并使用
*ngFor
指令循环遍历一个选项数组,然后使用[ngValue]
绑定每个选项的值:
在组件的类中,定义一个选项数组和一个变量来存储选择的选项的值:
export class YourComponent {
options = ['Option 1', 'Option 2', 'Option 3'];
selectedOption: string;
}
现在,你就可以在表单中使用这个下拉菜单,并且选择的选项的值将存储在selectedOption
变量中。
请注意,如果你希望在选项数组中存储对象而不是字符串,你可以相应地更改类型和绑定。