Angular validation with Required not working : <p>Simplest example ever not working.
I generated an Angular 4 application using the Angular CLI v1.0.6, changed the content of app.component.html to:</p>

<pre><code>&lt;form #form='ngForm' (ngSubmit)='submitForm(form.value)'&gt;
  &lt;input type='email'
  class='form-control' placeholder='E-mail' name='userEmail' ngModel required &gt;
  &lt;button type='submit'&gt;Submit&lt;/button&gt;
&lt;/form&gt;
</code></pre>

<p>And the content of app.component.ts to:</p>

<pre><code>import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  submitForm(data){
    console.log(data);
  }
}
</code></pre>

<p>I expected the submit function to not be fired in case I didn't supply an email, but it does.
What did I miss?</p>

<p>P.S.: I have looked around for examples (e.g.: <a href="https://scotch.io/tutorials/angular-2-form-validation" rel="noreferrer">https://scotch.io/tutorials/angular-2-form-validation</a>), but after many hours I am unable to find a solution, that's why I come to you. I know it is in my face, but somehow I can't see it.</p>
