title: How do I make dynamically created radio buttons required - AngularJs
body: <p>I have a table with varying amount of rows.</p>
  
  <pre><code>&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th class="text-center"&gt;Name&lt;/th&gt;
          &lt;th class="text-center"&gt;Select Supervisor&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="employeeInfo in employees" class="ng-cloak text-center"&gt;
              &lt;td&gt;{{employeeInfo.name}} {{employeeInfo.lastname}}&lt;/td&gt;
              &lt;td&gt;
                  &lt;label&gt;&lt;input type="radio" ng-model="employeeInfo.attributes[0].value" ng-value="true" ng-change="updateEmployeeAttribute(employeeInfo)"&gt;Approve&lt;/label&gt;
                  &lt;label&gt;&lt;input type="radio" ng-model="employeeInfo.attributes[0].value" ng-value="false" ng-change="updateEmployeeAttribute(employeeInfo)"&gt;Reject&lt;/label&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;div&gt;
      &lt;a id="Approve" class="btn btn-primary" ng-click="approveSupervisorChanges()"&gt;Submit&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>One of the columns contain radio buttons "Approve" &amp; "Reject" </p>
  
  <p>How do I make it a requirement that in all rows the user has to have selected a radio button before he can submit ?</p>
  
  <p>I tried this solution <a href="https://stackoverflow.com/questions/24685664/validate-radio-button-angularjs">Validate Radio Button AngularJS</a> by adding </p>
  
  <pre><code>ng-required="!employeeInfo.attributes[0].value"
  </code></pre>
  
  <p>But then it seems that accepted is a requirement, and if rejected is selected I can't submit </p>