从Angular 11中的单选按钮获取值的方法如下:
<div>
<input type="radio" name="gender" value="male" [(ngModel)]="selectedGender"> Male
<input type="radio" name="gender" value="female" [(ngModel)]="selectedGender"> Female
</div>
上述代码创建了一个名为"gender"的单选按钮组,其中包含两个单选按钮,分别表示"male"和"female"两个选项。使用ngModel指令将选中的值绑定到组件中的selectedGender属性。
export class MyComponent {
selectedGender: string;
// 其他代码...
onSubmit() {
console.log(this.selectedGender); // 在提交表单时获取选中的值
}
}
上述代码定义了一个名为selectedGender的属性,并在onSubmit方法中打印出选中的值。
通过以上步骤,你可以从Angular 11中的单选按钮获取选中的值。在实际应用中,你可以根据获取的值执行相应的逻辑操作,例如提交表单、筛选数据等。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云