ng-disabled not working when input fields are in an ng-repeat
<p>I'm trying to make my submit button disabled if the input fields from an array are invalid.</p>

<p>Here's my html</p>

<pre><code>&lt;form name="membersForm"&gt;
  &lt;div ng-repeat="emailInput in emailInputs"&gt;
    &lt;div class="input-field col s10"&gt;
      &lt;input id="email{{$index}}" type="email" class="validate email" length="50" maxlength="50" ng-model="email['email_' + $index]" required&gt;
      &lt;label for="email{{$index}}"&gt;{{emailInput.label}}&lt;/label&gt;
    &lt;/div&gt;
    &lt;div class="input-field col s2"&gt;
      &lt;div class="btn btn-floating waves-effect waves-light red" ng-click="removeEmail($index)"&gt;
        &lt;i class="material-icons"&gt;clear&lt;/i&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col s12"&gt;
    &lt;a class="btn-floating btn waves-effect waves-light" id="addEmail" ng-click="addEmail()"&gt;
      &lt;i class="material-icons"&gt;add&lt;/i&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  &lt;a class="waves-effect waves-light btn" type="submit" ng-disabled="membersForm.$invalid"&gt;
    Continue
  &lt;/a&gt;
&lt;/form&gt;
</code></pre>

<p>as you can see, I have a button to add more email inputs dynamically.</p>

<p>Here's my controller:</p>

<pre><code>class teamMembersCtrl {
  constructor($scope) {
    'ngInject';

    $scope.emailInputs = [
      {
        label: 'Email'
      }
    ];

    $scope.email = {};

    $scope.setCurrentPrice();

    $scope.addEmail = function () {
      $scope.emailInputs.push({
        label: 'Email'
      });
    }

    $scope.removeEmail = function ($index) {
      $scope.emailInputs.splice($index,1);
    }
  }
}
</code></pre>

<p><strong>QUESTIONS</strong></p>

<p>How can I make the submit button disabled if there is an email input that's invalid where email inputs are added dynamically with an ng-repeat?</p>

<p>Thanks!</p>