title: Angular material submit button not working
body: <p>I'm using angular material to create a login form, however the submit button isn't working and i'm not getting any errors in the console.
  at first i tried to post a http request through it but it did not work, so i just used a simple log to test and it's still not working.</p>
  <p>login.html :</p>
  <pre class="lang-xml prettyprint-override"><code>&lt;mat-card&gt;
   &lt;mat-card-content&gt;
    &lt;form class=&quot;my-form&quot; #loginForm=ngForm (ngSubmit)=&quot;Submit()&quot;&gt;
     &lt;mat-form-field class=&quot;full-width&quot;&gt;
      &lt;mat-label&gt;Email&lt;/mat-label&gt;
      &lt;input matInput class=&quot;form-control&quot; [formControl]=&quot;emailControl&quot; placeholder=&quot;Enter Your Nickname&quot;
       type=&quot;email&quot;&gt;
  
      &lt;mat-error *ngIf=&quot;emailControl.hasError('email')&quot;&gt;
  
       Please enter a valid email address
      &lt;/mat-error&gt;
      &lt;mat-error *ngIf=&quot;emailControl.hasError('required')&quot;&gt;
       Email is &lt;strong&gt;required&lt;/strong&gt;
      &lt;/mat-error&gt;
     &lt;/mat-form-field&gt;
  
     &lt;mat-form-field class=&quot;full-width&quot;&gt;
      &lt;mat-label&gt;Password&lt;/mat-label&gt;
      &lt;input [formControl]=&quot;passwordControl&quot; matInput name=&quot;password&quot; type=&quot;password&quot; class=&quot;form-control&quot;
       placeholder=&quot;Enter Your  Password&quot;&gt;
      &lt;mat-error *ngIf=&quot;passwordControl.hasError('required')&quot;&gt;
       Password is &lt;strong&gt;required&lt;/strong&gt;
      &lt;/mat-error&gt;
      &lt;mat-error *ngIf=&quot;passwordControl.hasError('minLength')&quot;&gt;
       Password should be more then 7 characters
      &lt;/mat-error&gt;
     &lt;/mat-form-field&gt;
    &lt;/form&gt;
   &lt;/mat-card-content&gt;
   &lt;mat-card-actions&gt;
    &lt;button mat-raised-button type=&quot;submit&quot; color=&quot;primary&quot;&gt;LOGIN&lt;/button&gt;
   &lt;/mat-card-actions&gt;
  &lt;/mat-card&gt;
  </code></pre>
  <p>login.component.ts:</p>
  <pre><code>import { CustomValidators } from '../../custom-validators';
  import { Component, OnInit } from '@angular/core';
  import { FormControl,FormGroup,Validators} from '@angular/forms';
  import { HttpClient } from '@angular/common/http';
  
  @Component({
    selector: 'login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
  })
  export class LoginComponent {
    emailControl = new FormControl('', [Validators.required, Validators.email]);
    passwordControl = new FormControl('', [Validators.required,
      Validators.minLength(8)]);
    
      constructor(private http :HttpClient) { 
      
      }
  Submit(){
      console.log('workin');
    }}
  </code></pre>