2: Display a List

[examples/angular-tour-of-heroes] / src / app / heroes / heroes.component.ts

diff --git a/src/app/heroes/heroes.component.ts b/src/app/heroes/heroes.component.ts
index b8b6314..2bb7a69 100644 (file)
--- a/src/app/heroes/heroes.component.ts
+++ b/src/app/heroes/heroes.component.ts
@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { Hero } from '../hero';
+import { HEROES } from '../mock-heroes';
 
 @Component({
   selector: 'app-heroes',
@@ -7,7 +9,12 @@ import { Component, OnInit } from '@angular/core';
 })
 export class HeroesComponent implements OnInit {
 
-  hero = 'Windstorm';
+  heroes = HEROES;
+
+  hero: Hero = {
+    id: 1,
+    name: 'Windstorm',
+  };
 
   constructor() { }