要禁用单个单选按钮选项,可以使用ng-disabled
指令。以下是一个示例代码:
HTML模板:
JavaScript控制器代码:
angular.module('app', ['formly'])
.controller('MainCtrl', function() {
var vm = this;
vm.model = {};
vm.form = {};
vm.fields = [
{
key: 'option',
type: 'radio',
templateOptions: {
label: 'Options',
options: [
{name: 'Option 1', value: 'option1'},
{name: 'Option 2', value: 'option2'},
{name: 'Option 3', value: 'option3', disabled: true} // 禁用选项
]
}
}
];
});
在上面的示例中,我们定义了一个单选按钮组,其中第三个选项被禁用了。通过在选项对象上设置disabled: true
属性,可以禁用该选项。
这样,当渲染表单时,选项3将被禁用,用户将无法选择该选项。