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>

- quma

---

我不建议您在标签上使用ng-model。 - ashfaq.p

@ashfaq.p 这并不重要，因为这是Bootstrap和AngularUI的推荐标记，并且radio指令也不限制应用在哪个标签上。 - dfsq

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

这是一个关于IT技术的演示链接。

- dfsq