// #docregion example
import {Component, OnInit} from '@angular/core';

import {Hero, HeroService} from '../shared';

@Component({
  standalone: true,
  selector: 'toh-hero-list',
  template: `...`,
})
export class HeroListComponent implements OnInit {
  heroes: Hero[] = [];
  constructor(private heroService: HeroService) {}
  getHeroes() {
    this.heroes = [];
    this.heroService.getHeroes().subscribe((heroes) => (this.heroes = heroes));
  }
  ngOnInit() {
    this.getHeroes();
  }
}
// #enddocregion example
