1: The Hero Editor

b) Show the HeroesComponent view

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 6213adcb47fcc0325c60634d36b133d5988a851b..ee3d478e16e6017f9d52f15ad2ed1689283abd4f 100644 (file)
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1 +1,2 @@
 <h1>{{title}}</h1>
+<app-heroes></app-heroes>

diff --git a/src/app/heroes/heroes.component.html b/src/app/heroes/heroes.component.html
index ef2a0c410985dc5c9f5e4b7d94c23385d4d1d34e..6fe45e5a3d6083a9528b4d8a0f3b86fd79871598 100644 (file)
--- a/src/app/heroes/heroes.component.html
+++ b/src/app/heroes/heroes.component.html
@@ -1 +1 @@
-<p>heroes works!</p>
+{{hero}}

diff --git a/src/app/heroes/heroes.component.ts b/src/app/heroes/heroes.component.ts
index 8d9f6623e37a2ac9a03670bcdf5d1c313b0f8b9a..b8b63147c764f4c8d775c345081e54cf56d37100 100644 (file)
--- a/src/app/heroes/heroes.component.ts
+++ b/src/app/heroes/heroes.component.ts
@@ -7,6 +7,8 @@ import { Component, OnInit } from '@angular/core';
 })
 export class HeroesComponent implements OnInit {
 
+  hero = 'Windstorm';
+
   constructor() { }
 
   ngOnInit() {