print single objects in gameHTML

client/src/pages/games/games.html

@@ -6,10 +6,10 @@
 
 <ion-content padding>
   <ion-list>
-    <ion-item *ngFor="let game of games">
-      <h2>{{game.title}}</h2>
-      <h3>{{ game.studio }}</h3>
-      <h4>{{ game.platform }}</h4>
+    <ion-item >
+      <h2>{{singleGame.title}}</h2>
+      <h3>{{ singleGame.studio }}</h3>
+      <h4>{{ singleGame.platform }}</h4>
     </ion-item>
   </ion-list>
 </ion-content>

client/src/pages/games/games.ts

@@ -16,6 +16,7 @@ import {GameService} from "../../providers/game-service";
 })
 export class GamesPage {
   private games: Array<any>;
+  private singleGame: any ={};
 
   constructor(public navCtrl: NavController, public navParams: NavParams,
               public gameService: GameService) {
@@ -23,8 +24,9 @@ export class GamesPage {
 
   ionViewDidLoad() {
     //setInterval(() => {
-      this.gameService.getGames().subscribe(games => {
-        this.games = games;
+      this.gameService.getGame(3).subscribe(games => {
+        console.log(games)
+        this.singleGame= games;
       })
     //}, 100000);
   }

client/src/providers/game-service.ts

@@ -13,4 +13,8 @@ export class GameService{
   getGames(): Observable<any> {
     return this.http.get(this.GAME_API);
   }
+
+  getGame(id: number): Observable<any> {
+    return this.http.get(this.GAME_API + "/id/" + id);
+  }
 }