Display room-list

src/app/room-list/room-list.component.html

-<p>
-  room-list works!
-</p>
+<mat-list>
+  <mat-list-item *ngFor="let room of rooms">
+    <button mat-button routerLink="room/{{room.id}}">
+      {{room.name}}
+    </button>
+  </mat-list-item>
+</mat-list>
+

src/app/room-list/room-list.component.ts

 import { Component, OnInit } from '@angular/core';
 import { Room } from '../room';
-import { RoomService} from '../room.service';
+import { RoomService } from '../room.service';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-room-list',
@@ -9,9 +10,28 @@ import { RoomService} from '../room.service';
 })
 export class RoomListComponent implements OnInit {
 
-  constructor() { }
+  rooms: Room[];
+
+  closedRooms: Room[];
+
+  constructor(
+    private roomService: RoomService
+  ) {
+  }
 
   ngOnInit() {
+    this.getRooms();
   }
 
+  getRooms(): void {
+
+    this.roomService.getRooms().subscribe(rooms => {
+
+      this.rooms = rooms;
+
+      this.closedRooms = this.rooms.filter(room => room.closed);
+
+    });
+
+  }
 }