add Subscribe in HeroesComponent

src/app/hero.service.ts

@@ -1,15 +1,19 @@
 import { Injectable } from '@angular/core';
 import { Hero } from './hero';
 import { HEROES } from './mock-heroes';
+import { Observable, of } from 'rxjs';
 
 @Injectable({
   providedIn: 'root'
 })
+
 export class HeroService {
 
-  getHeroes(): Hero[] {
-  return HEROES;
-}
+  getHeroes(): Observable<Hero[]> {
+  const heroes = of(HEROES);
+  return heroes;
+  }
+
   constructor() { }
 }
 

src/app/heroes/heroes.component.ts

@@ -21,12 +21,13 @@ export class HeroesComponent { //определяем класс со списк
   }
 
   getHeroes(): void {
-  this.heroes = this.heroService.getHeroes();
+  this.heroService.getHeroes()
+      .subscribe(heroes => this.heroes = heroes);
   }
   
   ngOnInit(): void {
   this.getHeroes();
-}
+  }
   constructor(private heroService: HeroService) {}
 
 }