Add name attributes to input fields with [(ngModel)]

src/app/components/dialogs/room-create/room-create.component.html

 <form (ngSubmit)="addRoom(longRoomName.value, description.value)">
   <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10px">
     <mat-form-field>
-      <input (keypress)="resetEmptyInputs()" matInput #longRoomName class="input-block" type="text" placeholder="Name"
-             maxlength="50"
-             [(ngModel)]="longName" name="LongName"/>
+      <input (keypress)="resetEmptyInputs()" matInput #longRoomName class="input-block" type="text"
+             placeholder="Room name" maxlength="50" [(ngModel)]="longName" name="roomName"/>
       <mat-hint align="start" *ngIf="!emptyInputs"><strong>Max. letters / signs:</strong></mat-hint>
       <mat-hint align="end" *ngIf="!emptyInputs">{{longRoomName.value.length}} / 50</mat-hint>
       <mat-hint align="start" *ngIf="emptyInputs"><strong>Input is required</strong></mat-hint>
@@ -13,8 +12,7 @@
     </mat-form-field>
     <mat-form-field>
       <textarea (keypress)="resetEmptyInputs()" matInput #description type="text"
-             placeholder="Description" maxlength="255"
-             [(ngModel)]="shortName"></textarea>
+             placeholder="Description" maxlength="255" name="description"></textarea>
       <mat-hint align="start" *ngIf="!emptyInputs"><strong>Max. letters / signs:</strong></mat-hint>
       <mat-hint align="end" *ngIf="!emptyInputs">{{description.value.length}} / 255</mat-hint>
       <mat-hint align="start" *ngIf="emptyInputs"><strong>Input is required</strong></mat-hint>

src/app/components/dialogs/room-edit/room-edit.component.html

 <div *ngIf="editRoom">
   <mat-form-field class="input-block">
-    <input [(ngModel)]="editRoom.name" #roomName matInput placeholder="Room name"/>
+    <input [(ngModel)]="editRoom.name" #roomName matInput placeholder="Room name" name="room-name"/>
   </mat-form-field>
   <mat-form-field class="input-block">
             <textarea [(ngModel)]="editRoom.description" #roomDescription matInput matTextareaAutosize
-                      matAutosizeMinRows="2" matAutosizeMaxRows="5" placeholder="Description"></textarea>
+                      matAutosizeMinRows="2" matAutosizeMaxRows="5" placeholder="Description" name="description">
+            </textarea>
   </mat-form-field>
   <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
     <button (click)="dialogRef.close('abort')" mat-button color="primary">