dataService.ts

dataService.ts

import {Injectable} from '@angular/core';
import {BehaviorSubject} from 'rxjs/BehaviorSubject';

@Injectable()

export class Monsters{

  private _monter: SubjectBehavior<string[]>;
    
  constructor(){
    
    // passing it an empty monster for starter
    
    this._monster = new BehaviorSubject('');  
 
  }
    
  selectMonster(newMonster: string){
    
    this._monster.next(newMonster);
    
  }
  
  get monster(){
    
    return this._monster.asObservable(); 
    
  }
    
}