角度单选按钮不会选择初始值

时间:2015-06-18 16:00:47

标签: angularjs radio-button angular-ui angular-ui-bootstrap

我有一个带有两个可用值的单选按钮 - 当男性的值为真且女性为假时,男性和女性。

<div id="gender" class="btn-group">
    <label class="btn btn-success" ng-model="userDetails.gender" btn-radio="true" uncheckable>Male</label>
    <label class="btn btn-success" ng-model="userDetails.gender" btn-radio="false"
           uncheckable>Female</label>
</div>

在控制器代码中,我获取服务器中的现有值,然后将其放入ng-model中,如下所示:

 $scope.userDetails.gender = currentUser.get('Gender');

返回true或false。

我想要的是相关的单选按钮将被初始值选中,例如:如果控制器代码返回&#34; true&#34;我希望将真正的按钮标记为按下。

1 个答案:

答案 0 :(得分:2)

  

如果控制器代码返回&#34; true&#34; ...

我想这是你的问题。您的HTML配置指定模型值应具有布尔类型,而不是字符串。因此,您需要确保currentUser.get('Gender')以{布尔值}返回true/false。或者将无线电属性定义为btn-radio="'true'"btn-radio="'false'"