title: Ionic 3 Form submission not working
body: <p>I am very new to ionic 3 and angular. with tutorial from googles i have created one login for with form validation in ionic. I followed their complete steps even after that mine form doesn't get submitted. I really cant find where is the issue.</p>
  
  <p>My code is here
  In the  <code>login.ts</code></p>
  
  <pre><code>import {FormBuilder,FormGroup,Validators,FormControl} from "@angular/forms";
  
  export class LoginPage {
    loginForm:FormGroup;
    responseData:any;
    userData={"provider":"web","email":"","password":""};
    constructor(public nav: NavController,
                public forgotCtrl: AlertController,
                public menu: MenuController,
                public toastCtrl: ToastController
    ) {
  
  
      this.loginForm = new FormGroup({
            password: new FormControl('',[Validators.required,Validators.minLength(8)]),
            email: new FormControl('',[Validators.required,Validators.pattern(".+\@.+\..+")])
      });
    this.menu.swipeEnable(false);
    }
  
    login() {
      //Get email address and password and validate
      if(this.loginForm.valid ){
          console.log('do authentication');
        }else{
          console.log('Invalid credential');
        }
    }
  </code></pre>
  
  <p>In my <code>login.html</code></p>
  
  <pre><code>&lt;form [formGroup]="loginForm"  novalidate &gt;
      &lt;!-- Login form --&gt;
      &lt;div class="list-form"&gt;
        &lt;ion-item&gt;
          &lt;ion-label floating&gt;
            &lt;ion-icon name="mail" item-start class="text-white"&gt;&lt;/ion-icon&gt;
            Email
          &lt;/ion-label&gt;
  
          &lt;ion-input type="email" value="" formControlName ="email"&gt;&lt;/ion-input&gt;
        &lt;/ion-item&gt;
  
        &lt;ion-item&gt;
          &lt;ion-label floating&gt;
            &lt;ion-icon name="lock" item-start class="text-white"&gt;&lt;/ion-icon&gt;
            Password
          &lt;/ion-label&gt;
          &lt;ion-input type="password" value="" formControlName ="password"&gt;&lt;/ion-input&gt;
        &lt;/ion-item&gt;
      &lt;/div&gt;
  
      &lt;p text-right ion-text color="white" tappable (click)="forgotPass()"&gt;&lt;strong&gt;Forgot Password?&lt;/strong&gt;&lt;/p&gt;
  
      &lt;div&gt;
        &lt;button type="submit" ion-button icon-start block color="dark" [disabled]="!loginForm.valid"  (click)="login()"&gt;
          &lt;ion-icon name="log-in"&gt;&lt;/ion-icon&gt;
          SIGN IN
        &lt;/button&gt;
  
      &lt;/div&gt;
  
    &lt;/form&gt;
  </code></pre>
  
  <p>Can anyone please tell me where i am doing wrong?</p>