diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 17be7b6..204a134 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -6,7 +6,8 @@ import { HeroesComponent } from "./heroes/heroes.component"; selector: 'app-root', templateUrl: './app.component.html', styleUrl: './app.component.css', - imports: [HeroesComponent] + imports: [HeroesComponent], + }) export class App { protected title = 'Tour of Heroes'; diff --git a/src/app/heroes/heroes.component.html b/src/app/heroes/heroes.component.html index b407fd7..9b93f5f 100644 --- a/src/app/heroes/heroes.component.html +++ b/src/app/heroes/heroes.component.html @@ -1,3 +1,6 @@

{{hero.name | uppercase}} Details

id: {{hero.id}}
-
name: {{hero.name}}
\ No newline at end of file +
+ + +
\ No newline at end of file diff --git a/src/app/heroes/heroes.component.ts b/src/app/heroes/heroes.component.ts index a175826..03fcd81 100644 --- a/src/app/heroes/heroes.component.ts +++ b/src/app/heroes/heroes.component.ts @@ -1,10 +1,12 @@ import { Component } from '@angular/core'; import { Hero } from '../hero'; +import { CommonModule } from '@angular/common'; @Component({ selector: 'app-heroes', templateUrl: './heroes.component.html', - styleUrls: ['./heroes.component.css'] + styleUrls: ['./heroes.component.css'], + imports: [CommonModule] }) export class HeroesComponent { hero: Hero = {