在Angular中,你可以使用ngModel和ngModelChange指令来为选项分配默认值。下面是一个示例代码:
HTML模板:
组件类:
export class AppComponent {
selectedOption: string;
options: string[] = ['Option 1', 'Option 2', 'Option 3'];
constructor() {
this.selectedOption = 'Option 2'; // 设置默认值
}
onChange(newValue: string) {
console.log('Selected option: ' + newValue);
}
}
在上面的示例中,selectedOption
变量用于保存选中的选项,options
数组包含选项列表。在组件类的构造函数中,我们将selectedOption
设置为默认值'Option 2'。在HTML模板中,我们使用ngModel指令将selectedOption
绑定到选择框,并使用ngModelChange指令在选项更改时调用onChange方法。
请注意,要使用ngModel指令,你需要从@angular/forms
中导入FormsModule。确保在模块中导入FormsModule:
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
],
// ...
})
export class AppModule { }
这样就可以将默认值分配给Angular中的选项了。