add Update HeroesComponent

src/app/hero.service.ts

@@ -1,9 +1,15 @@
 import { Injectable } from '@angular/core';
+import { Hero } from './hero';
+import { HEROES } from './mock-heroes';
 
 @Injectable({
   providedIn: 'root'
 })
 export class HeroService {
 
+  getHeroes(): Hero[] {
+  return HEROES;
+}
   constructor() { }
-}
+}
+

src/app/heroes/heroes.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { Hero } from '../hero';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
-import {HEROES} from '../mock-heroes';
+import { HeroService } from '../hero.service'; //новая библиотека добавлена вместо HEROES
 import { HeroDetailComponent } from '../hero-detail/hero-detail.component';
 
 @Component({
@@ -13,13 +13,22 @@ import { HeroDetailComponent } from '../hero-detail/hero-detail.component';
 })
 
 export class HeroesComponent { //определяем класс со списком героев
-  heroes = HEROES;
+  heroes: Hero[] = [];
   selectedHero?: Hero;
 
   onSelect(hero: Hero): void {
   this.selectedHero = hero;
   }
 
+  getHeroes(): void {
+  this.heroes = this.heroService.getHeroes();
+  }
+  
+  ngOnInit(): void {
+  this.getHeroes();
+}
+  constructor(private heroService: HeroService) {}
+
 }