AngularJS组复选框验证

如果要选择组中的至少一项，则可以使用 ng-required* 定义动态的 required 属性。 *

对于性别单选按钮，这很容易：

<input    type="radio"    ng-model="formData.selectedGender"    value="{{val.id}}"    ng-required="!formData.selectedGender">

如果使用数组存储选定的水果（只需检查数组长度），复选框组也将很容易，但是对于对象，有必要检查是否使用控制器中的过滤器或函数将任何值设置为true：

$scope.someSelected = function (object) {  return Object.keys(object).some(function (key) {    return object[key];  });}<input    type="checkbox"    value="{{val.id}}"    ng-model="formData.selectedFruits[val.id]"    ng-required="!someSelected(formData.selectedFruits)">

更新：

const someSelected = (object = {}) => Object.keys(object).some(key => object[key])

另外请记住，如果value为0，它将返回false。