要绑定下拉框的值和选项,需要使用Angular中的[(ngModel)]指令。[(ngModel)]指令绑定一个变量和下拉框的值,以便可以随时访问选定的值。
在模板文件中添加下拉框的标记:
在组件代码中添加相应的变量和选项:
import { Component } from '@angular/core';
@Component({
selector: 'app-select-binding',
templateUrl: './select-binding.component.html',
styleUrls: ['./select-binding.component.css']
})
export class SelectBindingComponent {
options = ['Option 1', 'Option 2', 'Option 3'];
selectedOption = this.options[0];
}
在该示例中,将options数组分配给选项,将selectedOption分配给默认选项。 [(ngModel)]指令使选定的选项自动更新到模型中的相应变量。
这是一种简单而有效的方法,可以在Angular 11中绑定下拉框。