如何使需要动态创建的单选按钮-AngularJs

Question

I have a table with varying amount of rows.

<table>
<thead>
    <tr>
        <th class="text-center">Name</th>
        <th class="text-center">Select Supervisor</th>
    </tr>
</thead>
    <tbody>
        <tr ng-repeat="employeeInfo in employees" class="ng-cloak text-center">
            <td>{{employeeInfo.name}} {{employeeInfo.lastname}}</td>
            <td>
                <label><input type="radio" ng-model="employeeInfo.attributes[0].value" ng-value="true" ng-change="updateEmployeeAttribute(employeeInfo)">Approve</label>
                <label><input type="radio" ng-model="employeeInfo.attributes[0].value" ng-value="false" ng-change="updateEmployeeAttribute(employeeInfo)">Reject</label>
            </td>
        </tr>
    </tbody>
</table>
<div>
    <a id="Approve" class="btn btn-primary" ng-click="approveSupervisorChanges()">Submit</a>
</div>

One of the columns contain radio buttons "Approve" & "Reject"

How do I make it a requirement that in all rows the user has to have selected a radio button before he can submit ?

I tried this solution Validate Radio Button AngularJS by adding

ng-required="!employeeInfo.attributes[0].value"

But then it seems that accepted is a requirement, and if rejected is selected I can't submit

Answer 1

you can put required attribute simply like:

<label><input type="radio" required ng-model="employeeInfo.attributes[0].value" ng-value="true" ng-change="updateEmployeeAttribute(employeeInfo)">Approve</label>
            <label><input type="radio" required ng-model="employeeInfo.attributes[0].value" ng-value="false" ng-change="updateEmployeeAttribute(employeeInfo)">Reject</label>

Answer 2

Ok so I got it working using by using ng-required like this.

<label><input type="radio" ng-required="employeeInfo.attributes[0].value" ng-model="employeeInfo.attributes[0].value" ng-value="true" ng-change="updateEmployeeAttribute(employeeInfo)">Approve</label>
<label><input type="radio" ng-required="!employeeInfo.attributes[0].value" ng-model="employeeInfo.attributes[0].value" ng-value="false" ng-change="updateEmployeeAttribute(employeeInfo)">Reject</label>

Which isn't really perfect(but it works) as when noting is selected, a popup highlights only the reject radio button and says "Please select one of these options"