Trying to update commentThreshold value from room, still not working

src/app/components/shared/_dialogs/room-create/room-create.component.html

-<form (ngSubmit)="addRoom(longRoomName.value, description.value)">
+<form (ngSubmit)="addRoom(longRoomName.value, description.value, -100)">
   <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10px">
     <mat-form-field>
       <input (keypress)="resetEmptyInputs()" matInput #longRoomName class="input-block" type="text"

src/app/components/shared/_dialogs/room-create/room-create.component.ts

@@ -40,7 +40,7 @@ export class RoomCreateComponent implements OnInit {
     this.emptyInputs = false;
   }
 
-  addRoom(longRoomName: string, description: string) {
+  addRoom(longRoomName: string, description: string, commentThreshold: number) {
     longRoomName = longRoomName.trim();
     if (!longRoomName) {
       this.emptyInputs = true;
@@ -49,10 +49,10 @@ export class RoomCreateComponent implements OnInit {
     this.roomService.addRoom({
       name: longRoomName,
       abbreviation: '00000000',
-      description: description
+      description: description,
+      commentThreshold: commentThreshold
     } as Room).subscribe(room => {
       this.room = room;
-      room.commentThreshold = -100;
       let msg1: string;
       let msg2: string;
       this.translateService.get('home-page.created-1').subscribe(msg => { msg1 = msg; });

src/app/services/http/room.service.ts

@@ -51,7 +51,8 @@ export class RoomService extends BaseHttpService {
     const connectionUrl = this.apiUrl.base + this.apiUrl.rooms + '/';
     return this.http.post<Room>(connectionUrl, {
       ownerId: this.authService.getUser().id,
-      abbreviation: room.abbreviation, name: room.name, closed: room.closed, description: room.description
+      abbreviation: room.abbreviation, name: room.name, closed: room.closed, description: room.description,
+      commentThreshold: room.commentThreshold
     }, httpOptions);
   }