Angular JS/Angular Material。如何验证点击复选框组？

我正在使用Angular Material，我正在用复选框进行简单验证。Angular JS/Angular Material。如何验证点击复选框组？

问题：

至少一个复选框应进行检查。

- 如果我点击一个复选框，然后再次单击，则不会显示“所需消息”。如果我点击一个复选框，然后再次点击，然后按Tab键，每个复选框按Tab键，当我到达最后一个并按Tab键时，出现消息“必需”。

我想要的是，条件编号1也出现了，和另外一件事，我不想在应用程序加载时显示“required”消息。这里是我的例子：https://codepen.io/anon/pen/zrjjyL

我希望你能给我一只手，谢谢!!!!!

代码：

HTML：

<form name="myForm" ng-app="myApp" ng-controller="myController" 
class="container-fluid" ng-submit="submit()"> 

<div class="row"> 
<div class="col-xs-8"> 
    <md-input-container md-no-float> 
      <label>Name *</label> 
      <input required="" name="nombre" ng-model="model.nombre"> 
      <div ng-messages="myForm.nombre.$error" ng- 
show="myForm.nombre.$touched || myForm.$submitted"> 
       <div ng-message="required">Required.</div> 
      </div> 
     </md-input-container> 
    <md-input-container md-no-float> 
      <label>Search Options *</label> 
      <input type="text" id="query" ng-model="query"/> 
     </md-input-container> 
    <md-input-container md-no-float> 


     <md-list-item ng-repeat="item in items | filter:query"> 
      <p style ="font-size: 1.3rem;font-family: Roboto,'Helvetica 
Neue',sans-serif"> {{ item.title }} </p> 

       <md-checkbox name ="permiso" ng- 
model="model.opciones[item.id]['checked']" ng-required="!isChecked" ></md- 
checkbox> 
     </md-list-item> 

<div ng-messages="myForm.permiso.$error" ng-show=" myForm.permiso.$touched 
|| myForm.$submitted"> 
      <div ng-message="required">Required.</div> 

     </md-input-container> 


</div> </div>

JS：

var app = angular.module('myApp', ['ngAnimate', 'ngAria', 'ngMaterial', 
'ngMessages']) 
.controller('myController', function($scope) { 

    $scope.items = [{ 
     id: 1, 
     title: 'Item A' 
    }, { 
     id: 2, 
     title: 'Item A' 
    }, { 
     id: 3, 
     title: 'Item C' 
    }];; 

    $scope.model = {} 
    $scope.model.opciones = {}; 
    $scope.isChecked = false; 
    $scope.$watch('model.opciones', function(selected) { 
     $scope.isChecked = false; 
     angular.forEach(selected, function(selectedItem) { 
      if (selectedItem.checked) $scope.isChecked = true; 
     }); 
    }, true); 
});

来源

2016-01-28 Alexis Yair