要使Angular2+的单选按钮不可点击,你可以使用disabled属性来禁用它们。以下是一个示例代码:
HTML模板:
Option 1
Option 2
Option 3
Component类:
import { Component } from '@angular/core';
@Component({
selector: 'app-radio-buttons',
templateUrl: './radio-buttons.component.html',
styleUrls: ['./radio-buttons.component.css']
})
export class RadioButtonsComponent {
isDisabled: boolean = false;
toggleDisabled() {
this.isDisabled = !this.isDisabled;
}
}
在上面的示例中,我们使用了一个名为isDisabled的布尔变量来控制单选按钮的disabled属性。初始状态下,isDisabled的值为false,单选按钮可以点击。当点击按钮时,toggleDisabled方法会切换isDisabled的值,从而改变单选按钮的可点击状态。
你可以根据自己的需求修改上面的示例代码,并在适当的地方添加其他逻辑。