login.component.html

<div class="loginarea">
  <mat-form-field>
    <input matInput [(ngModel)]="username"  placeholder="{{ 'user.username' | translate  }}">
  </mat-form-field>
  <mat-form-field>
    <input matInput type="password" [(ngModel)]="password" placeholder="{{ 'user.password' | translate }}">
  </mat-form-field>

  <button mat-button (click)="login()"  >{{ 'login.login' | translate }}</button>

  <span *ngIf="loginError">ERROR</span>
  <span *ngIf="loginOk">OK</span>


</div>