login.component.html

<form class="loginarea" #logindetails="ngForm" (ngSubmit)="login(logindetails)" >
  <mat-form-field>
    <input tabindex="8" matInput ngModel name="username"  placeholder="{{ 'user.username' | translate  }}">
  </mat-form-field>
  <mat-form-field>
    <input tabindex="8" matInput type="password" ngModel name="password" placeholder="{{ 'user.password' | translate }}">
  </mat-form-field>

  <button tabindex="8" type="submit" mat-button color="primary" >{{ 'login.login' | translate }}</button>


</form>

<span *ngIf="loginError" class="loginError">{{ 'login.error'|translate  }}</span>
<span *ngIf="loginOk" class="loginOk"> {{ 'login.ok'|translate  }}</span>
<span *ngIf="submitting" class="loginInProgress"> {{ 'login.submitting'|translate  }}</span>