在AngularJS中,默认选择单选按钮可以通过以下步骤实现:
下面是一个示例代码:
<div ng-app="myApp" ng-controller="myCtrl">
<label>
<input type="radio" ng-model="selectedOption" ng-value="option1" ng-checked="selectedOption === 'option1'"> Option 1
</label>
<label>
<input type="radio" ng-model="selectedOption" ng-value="option2" ng-checked="selectedOption === 'option2'"> Option 2
</label>
<label>
<input type="radio" ng-model="selectedOption" ng-value="option3" ng-checked="selectedOption === 'option3'"> Option 3
</label>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.selectedOption = 'option2'; // 默认选择Option 2
$scope.option1 = 'option1';
$scope.option2 = 'option2';
$scope.option3 = 'option3';
});
</script>
在上面的示例中,我们使用ng-model指令将单选按钮与selectedOption变量绑定起来。然后使用ng-value指令设置每个选项的值,并使用ng-checked指令判断哪个选项应该被默认选中。在控制器中,我们初始化selectedOption变量的值为'option2',这样Option 2就会被默认选中。
推荐的腾讯云相关产品:无
希望这个答案能够满足你的需求!如果有任何问题,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云