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 = {