在Angular 7中,您可以使用ngModel指令和ngValue属性来设置选择标签的默认选项值。以下是一个示例代码:
HTML模板:
组件类:
export class YourComponent {
selectedOption: string;
options: string[] = ['Option 1', 'Option 2', 'Option 3'];
constructor() {
this.selectedOption = this.options[0]; // 设置默认选项值为第一个选项
}
}
在上面的示例中,我们在组件类中定义了一个名为selectedOption的属性,它将存储选择标签中当前选中的选项值。我们还定义了一个名为options的数组,其中包含选择标签的选项列表。
在HTML模板中,我们使用ngFor指令来遍历options数组,并使用ngValue属性将每个选项绑定到相应的值。在select标签中,我们使用[(ngModel)]指令将selectedOption属性与选择标签的当前选项值进行双向绑定。
在组件类的构造函数中,我们将selectedOption属性设置为options数组的第一个选项,以设置默认选项值。
通过这种方式,您可以在Angular 7中解决选择标签的默认选项值问题。
上一篇:Angular 7行分组与排序