diff --git a/src/app/room.service.ts b/src/app/room.service.ts index 42c4c3e22ad71ddf9af3c2ffa5c1ad48004e74eb..2aac8e60806a6132e9e7df46971e491528c95524 100644 --- a/src/app/room.service.ts +++ b/src/app/room.service.ts @@ -22,4 +22,9 @@ export class RoomService { addRoom(room: Room): Observable<Room> { return this.http.post<Room>(this.roomsUrl, room, httpOptions); } + + getRoom(id: string): Observable<Room> { + const url = `${this.roomsUrl}/${id}`; + return this.http.get<Room>(url); + } } diff --git a/src/app/room/room.component.ts b/src/app/room/room.component.ts index 248b9e7e9d488941a834379073806183e55a74c7..69c147c9368c9204229ddee57f97356ef934551f 100644 --- a/src/app/room/room.component.ts +++ b/src/app/room/room.component.ts @@ -1,7 +1,7 @@ import { Component, OnInit } from '@angular/core'; import { Room } from '../room'; import { RoomService } from '../room.service'; - +import { ActivatedRoute } from '@angular/router'; @Component({ selector: 'app-room', @@ -11,8 +11,12 @@ import { RoomService } from '../room.service'; export class RoomComponent implements OnInit { rooms: Room[]; + room: Room; - constructor(private roomService: RoomService) { + constructor( + private roomService: RoomService, + private route: ActivatedRoute + ) { } ngOnInit() { @@ -33,4 +37,9 @@ export class RoomComponent implements OnInit { }); } + getRoom(): void { + const roomId: string = this.route.snapshot.paramMap.get('roomId'); + this.roomService.getRoom(roomId).subscribe(room => this.room = room); + } + }