title: form submit with angular material
body: <p>hey for some reason I cannot submit my form can anyone explain why?
  I'm using Angular Material.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;mat-dialog-content&gt;
  
  &lt;form class="example-form"[formGroup]="movieForm" (ngSubmit)="addMovie(movieForm.value)"&gt;
  
      ......
  
  
  &lt;button mat-button type="submit" [disabled]="!movieForm.valid" [mat-dialog-close]="true"&gt;Save&lt;/button&gt;
  &lt;button mat-button [mat-dialog-close]="true"&gt;Cancel&lt;/button&gt;
  &lt;/form&gt;
  &lt;/mat-dialog-content&gt;
  </code></pre>
  
  <p>and this is the component:</p>
  
  <pre><code>addMovie(form) {
      console.log("check");
    }
  </code></pre>
  
  <p>How come I cant see the console.log? </p>