retrievingMonsters

monsters.component.ts

import {Component, OnInit} from '@angular/core';
import {Monsters} from './monsters';

@Component({
  selector: 'monsters',
  templateUrl: './monsters.component.html',
  styleUrls: ['./monsters.component.css']
})

export class MonstersComponent implements OnInit {
 currentSelectedMonster: string;
  constructor(private monsterService: Monsters){}
  ngOnInit(){
    this.monsterService.monsters.subscribe(
      monster => this.currentSelectedMonster = monster
    );
  }
}