AngularJS检查性别按钮是否按下

AngularJS检查性别按钮是否按下,angularjs,angular-ui,Angularjs,Angular Ui,如何签入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 cl

如何签入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>

男性
女性
必须选择性别

您需要检查
signupForm.sex.$error.required
,因为
signupForm.sex.$error
本身总是真实的,因为它是一个对象:

<span class="errorMessage" ng-show="signupForm.sex.$error.required">Gender must be selected</span>
必须选择性别
演示:

我不建议您在标签上使用ng模型。@ashfaq.p这并不重要,因为它既是引导的推荐标记,而且AngularUI的无线电指令也不限制它应用于哪个标签。