Angular 单选按钮没有选择初始值

Question

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

<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>

在controller代码中，我获取了server中已有的值，然后将其放入ng-model中，如下：

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

哪个 returns 是对还是错。

我想要的是相关单选按钮将被初始值选中，例如：如果控制器代码 returns "true" 我希望真正的按钮被标记为按下。

Answer 1

if the controller code returns "true" ...

我猜这是你的问题。您的 HTML 配置指定模型值应为布尔类型，而不是 字符串 。所以你需要确保 currentUser.get('Gender') returns true/false 为布尔值。或以其他方式将无线电属性定义为 btn-radio="'true'" 和 btn-radio="'false'"

Angular 单选按钮没有选择初始值

Angular radio button doesn't pick an initial value

radio-button

angularjs

angular-ui

angular-ui-bootstrap