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