Question

单选按钮代码在这里我的代码

<ion-radio ng-model="data.gender" ng-required="true" ng-value="'male'">Male</ion-radio>

<ion-radio ng-model="data.gender" ng-required="true" ng-value="'female'">Female</ion-radio>

希望有角度的js帮助

Answer 1

您可以在加载此html模板时在控制器中定义初始值。只需要添加

$scope.data.gender = 'male';

Answer 2

使用ng-init解决您的问题，ng-init指令允许您评估当前范围内的表达式

<ion-radio ng-init="data.gender = 'male'" ng-model="data.gender" ng-required="true" ng-value="'male'" name="gender">Male</ion-radio>
<ion-radio ng-model="data.gender" ng-required="true" ng-value="'female'" name="gender">Female</ion-radio>

或

$scope.data.gender = 'male';

Answer 3

在您定义ng-controller的模板中，您可以定义ng-init="radioInit()"并在控制器中将该功能定义为：

$scope.radioInit = function() {
  $scope.data.gender = 'male'; 
//or
  $scope.data.gender = 'female';
};

Answer 4

有两种方式来定义

一个是：内部视图

$scope.data = {
     gender = 'male'
}

两个是：内部控制器

{{1}}

加载页面时如何选择一个单选按钮作为默认值？

4 个答案: