在Angular中,可以使用ngModel指令来为单选按钮提供绑定值。如果默认单选按钮未被选中,可以通过将绑定值设置为默认值来解决。
以下是一个示例代码:
HTML模板:
组件类:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
selectedOption: string = 'option1'; // 设置默认选中的值为option1
}
在这个示例中,我们使用ngModel指令将单选按钮与组件类中的selectedOption属性进行双向绑定。selectedOption属性的初始值设置为option1,这样在页面加载时,默认的单选按钮就会被选中。
请注意,name属性用于将单选按钮分组,以便它们之间是互斥的。这样,只能选择一个选项。