title: Enter not working for First time in Angular Material
body: <p>Here is my Html.</p>
  
  <p>When I click on enter, I want click function.</p>
  
  <p>It is not working for first time. Once I manually click on button and then click enter, it is working</p>
  
  <pre><code>&lt;mat-card class="example-card"&gt;
  &lt;mat-card-header&gt;
    &lt;mat-card-title&gt;Login&lt;/mat-card-title&gt;
  &lt;/mat-card-header&gt;
  &lt;mat-card-content&gt;
    &lt;form class="example-form"&gt;
      &lt;table class="example-full-width" cellspacing="0"&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;mat-form-field class="example-full-width"&gt;
            &lt;input matInput placeholder="Username" [(ngModel)]="username" name="username" required&gt;
            &lt;/mat-form-field&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
        &lt;td&gt;&lt;mat-form-field class="example-full-width"&gt;
          &lt;input matInput placeholder="Password" [(ngModel)]="password"type="password" name="password" required&gt;
        &lt;/mat-form-field&gt;&lt;/td&gt;
      &lt;/tr&gt;&lt;/table&gt;
    &lt;/form&gt;
  &lt;/mat-card-content&gt;
  &lt;mat-card-actions&gt;
    &lt;button mat-raised-button (click)="login()" color="primary" type="submit"&gt;Login&lt;/button&gt;
  &lt;/mat-card-actions&gt;
  </code></pre>
  
  <p></p>