AngularJS 检查是否按下了其中一个性别按钮

Question

如何检查AngularJs 1.4.2 如何选择我的两个性别按钮之一。输入字段检查没有问题，但按钮 - 这对我来说不清楚。

<div class="btn-group">
   <label class="btn btn-default" ng-model="vm.user.sex" name="sex" btn-radio="'MALE'" uncheckable required="!user.sex">Male</label>
   <label class="btn btn-default" ng-model="vm.user.sex" name="sex" btn-radio="'FEMALE'" uncheckable required="!user.sex">Female</label>
   <span class="errorMessage" ng-show="signupForm.sex.$error">Gender must be selected</span> <!-- This does not work -->
</div>

Answer 1

您需要检查 signupForm.sex.$error.required，因为 signupForm.sex.$error 本身总是真实的，因为它是对象：

<span class="errorMessage" ng-show="signupForm.sex.$error.required">Gender must be selected</span>

演示： http://plnkr.co/edit/r65rVaTJFNmI0d4d716r?p=info

AngularJS 检查是否按下了其中一个性别按钮

AngularJS check if one of the gender button is pressed

angularjs

angular-ui