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

时间:2016-02-07 11:20:17

标签: 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 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>

1 个答案:

答案 0 :(得分:2)

您需要检查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