在Angular 6中,可以使用ngModel
指令和ngModelChange
事件来实现选择框默认添加第一个值。以下是一个示例代码:
export class MyComponent {
options = ['Option 1', 'Option 2', 'Option 3'];
selectedOption: string;
constructor() {
this.selectedOption = this.options[0]; // 默认选中第一个选项
}
onOptionChange(option: string) {
this.selectedOption = option;
}
}
ngModel
指令和ngModelChange
事件来绑定选择框的值:
在上面的代码中,[(ngModel)]="selectedOption"
将选择框的值与组件类中的selectedOption
属性进行双向绑定,ngModelChange
事件将在选择框的选项改变时触发onOptionChange
方法,更新组件类中的selectedOption
属性的值。
这样,选择框默认就会添加第一个值,并且可以在选项改变时更新selectedOption
属性的值。