1: The Hero Editor

b) Show the HeroesComponent view

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 6213adc..ee3d478 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 ef2a0c4..6fe45e5 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 8d9f662..b8b6314 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() {