AngularJS单选按钮验证答案

【问题标题】：AngularJS radio button validationAngularJS单选按钮验证
【发布时间】：2016-03-01 07:50:54
【问题描述】：

简单易行。

我有两个单选按钮。

<input type="radio" name="gender" ng-model="male">
<input type="radio" name="gender" ng-model="female">

如何在 AngularJS 中验证至少选择了一个？我怎样才能输入类似

的内容

$scope.myForm.gender.$invalid

有什么想法吗？

【问题讨论】：

【解决方案1】：

如果没有表单，您可以通过检查控制器中模型的值来解决此问题，如果两者都为 false，则返回错误。您也可以继续默认设置为 true。

但要回答您的问题，您可以执行类似于$scope.myForm.gender.$invalid 的操作，只需将输入标签包装在名为 myForm 的表单中即可。所以，它会：

<form name="myForm">
   <input type="radio" name="gender" ng-model="male">
   <input type="radio" name="gender" ng-model="female">
</form>

然后，$scope.myForm 将能够为您提供某些属性，例如 $isPristine 和每个输入字段的属性。

这两种方法中的任何一种都可以，所以我帮忙！

【讨论】：

【解决方案2】：

使用必需：

   <input type="radio" name="gender" ng-model="male" required>
   <input type="radio" name="gender" ng-model="female" required>

DEMO

【讨论】：