在Angular 6中选择默认单选按钮,可以通过以下步骤实现:
ngFor
指令来循环创建多个单选按钮,并使用[(ngModel)]
指令绑定选择的值。<div *ngFor="let option of options">
<input type="radio" name="radioGroup" [(ngModel)]="selectedOption" [value]="option">
{{ option }}
</div>
options: string[] = ['Option 1', 'Option 2', 'Option 3'];
selectedOption: string = 'Option 1';
ngOnInit
生命周期钩子中设置selectedOption
的值。ngOnInit() {
this.selectedOption = 'Option 2';
}
这样,当组件加载时,'Option 2'将被选中。
关于Angular 6的更多信息和文档,请参考腾讯云的Angular产品介绍链接地址:Angular - 腾讯云
领取专属 10元无门槛券
手把手带您无忧上云