title: Validation only working for the first input field of loop
body: <p>I have created a dynamic form using Angular that allows users to input email addresses. The user should not be allowed to add another empty field until the previous field is completed. Currently my code validates the first field correctly but will add a new field if the second, third, etc. is blank even though it will still fire the error alert.</p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;ion-item id="row" *ngFor="let emailinput of emailinputs ; let i = index"&gt;
    &lt;ion-label fixed id="label"&gt;
      Email
    &lt;/ion-label&gt;
    &lt;ion-input type="email" id="email" placeholder="jdoe@gmail.com" [(ngModel)]="emailinputs[i].email"&gt;&lt;/ion-input&gt;
  &lt;/ion-item&gt;
  
  &lt;div padding&gt;
    &lt;button (click) = "addnewemail(emailinputs)" ion-button full color="nudgetprim" block&gt;Add&lt;/button&gt;
    &lt;button (click) = "sendinvite(emailinputs.email)" ion-button full color="nudgetprim" block&gt;Invite&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the TS:</p>
  
  <pre><code>addnewemail() {
    console.log(this.emailinputs)
    for(var a in this.emailinputs){
      if (this.emailinputs[a].email==null || this.emailinputs[a].email=="" || !this.emailinputs[a].email.includes("@") || !this.emailinputs[a].email.includes("."))
      {
        let alert = this.alerCtrl.create({
          title: 'Error!',
          message: 'There was an error with an email address you entered.',
          buttons: ['Ok']
        });
        alert.present()
      }
      else {
        var newItem = this.emailinputs.length;
        this.emailinputs.push({'id' : 'row' + newItem, 'name' : 'row' + newItem, 'email': ''});
      }
    }
  }
  </code></pre>
  
  <p>How can I make this work for every input, not just the first?</p>