login.component.html

<form class="loginarea" #logindetails="ngForm" (ngSubmit)="login(logindetails)" >
    <input matInput ngModel name="username"  placeholder="{{ 'user.username' | translate  }}">

    <input matInput type="password" ngModel name="password" placeholder="{{ 'user.password' | translate }}">

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

  <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>


</form>