在AngularJS 1.x中,单选按钮默认情况下不会设置空值。然而,我们可以通过添加一个额外的选项来实现设置空值的功能。以下是一个示例解决方法:
HTML代码:
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.options = [
{ label: 'Option 1', value: 'option1' },
{ label: 'Option 2', value: 'option2' },
{ label: 'Option 3', value: 'option3' }
];
$scope.selectedOption = '';
});
在上述示例中,我们通过将一个额外的选项添加到options
数组中来实现设置空值。该选项的value
属性被设置为空字符串''
。然后,在ng-model
中绑定selectedOption
变量来获取用户选择的值。
当用户选择了一个选项时,selectedOption
的值将被设置为该选项的value
属性的值。如果用户不选择任何选项,则selectedOption
的值将保持为空字符串。
希望这个示例能帮助到你!