addHero.ts

addHero.ts

handleChangeName(event) {
    this.hero = {
      id: this.hero.id,
      name: event.target.value
    };
  }

  add(): void {
    this.hero.name = this.hero.name.trim();
    if (!this.hero.name) { return; }
    this.heroService.addHero(this.hero).subscribe(hero => {
      this.heroes.push(hero);
      this.hero = {
        id: this.hero.id,
        name: ""
      };
    });
  }