import { Component, OnInit } from '@angular/core';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.scss']
})
export class TestComponent implements OnInit {
  email: string;
  validatingForm: FormGroup;
  constructor(private fb: FormBuilder) {
    this.validatingForm = fb.group({
      'email': [null, Validators.email],
    });
  }

  ngOnInit() {
  }
  onSubmit() {
      console.log(this.email);
  }
}

<form (ngSubmit)="onSubmit()" [formGroup]="validatingForm">
  <div class="md-form">
    <i class="fa fa-envelope prefix grey-text"> </i>
    <input type="email" id="login-email" class="form-control" formControlName="email"
           [(ngModel)]="email" [ngModelOptions]="{standalone: true}"
           mdbInputDirective mdbActive required data-error="La mail inserita non è corretta" data-success=" ">
    <label for="login-email">La tua email</label>
  </div>
  <div class="text-center">
    <button type="submit" [disabled]="!validatingForm.valid" class="btn peach-gradient waves-light" mdbRippleRadius style="min-width:220px">Submit</button>
  </div>
</form>